Что нового

Раньше анимация дашлета сводилась к одному фиксированному поведению. Мы с нуля переработали свойства анимации и заодно добавили функцию, о которой просят все: гонку диаграмм. Линейчатые диаграммы и гистограммы теперь можно анимировать по измерению времени (или любому другому упорядоченному измерению): столбцы шаг за шагом меняются местами и обгоняют друг друга — с такой визуальной историей тренд невозможно не заметить.

Анимацию сложно передать словами — посмотрите минутное видео ниже, чтобы увидеть гонку диаграмм и новые стили анимации в действии.

Новая гонка диаграмм и стили анимации на гистограмме — за одну минуту.

А затем попробуйте сами: откройте этот публичный дашборд, нажмите кнопку воспроизведения и наблюдайте за гонкой в реальном времени.

Диаграммы в TURBOARD долгое время работали с двумя измерениями. В этом релизе дашлеты с круговой диаграммой и диаграммой Sankey поддерживают третье измерение. Добавьте его на экране редактирования, как любое другое измерение, — и у диаграммы появится ещё один уровень.

Диаграмма Sankey получает третий столбец узлов, и потоки можно проследить от источника через промежуточный этап до конечного результата — например, категория → год запуска → статус. Круговая диаграмма превращается в трёхкольцевую диаграмму «солнечные лучи» (sunburst): внутреннее кольцо отображает основную категорию, а каждое следующее внешнее кольцо детализирует её ещё на один уровень.

Диаграмма Sankey и круговая диаграмма, каждая из которых построена по трём измерениям — категории, году и статусу, — рядом друг с другом. О цветных кнопках фильтра Country над ними рассказываем ниже.

Третье измерение приносит пользу, только когда можно управлять порядком на каждом уровне. До сих пор сортировка, заданная на экране редактирования, применялась к основному измерению, а второе и третье измерения сохраняли порядок по умолчанию, заданный в представлении.

Теперь это не так. Элемент Sort Order на экране редактирования показывает все измерения дашлета, и для каждого можно отдельно выбрать Value (Ascending / Descending) или Alphabetical (Ascending / Descending). В сочетании с ограничениями для каждого измерения, которые находятся тут же, рядом, даже трёхуровневая диаграмма остаётся аккуратной и читаемой: пять крупнейших категорий по значению, годы по порядку и результаты начиная с наибольшей доли.

Sort Order на экране редактирования теперь предлагает независимую настройку для каждого измерения — рядом с ограничениями по измерениям.

Диаграммы с тремя измерениями и их сортировку можно посмотреть на этом публичном дашборде.

Фильтры в виде кнопок ценят за быстрый и наглядный выбор — а теперь они могут передавать смысл ещё и цветом. На экране Edit Filter появился раздел Button Colors: в нём дизайнеры могут выбрать любое значение фильтра и задать для него собственный цвет фона и текста.

Выделите важные для вас рынки, согласуйте кнопки с фирменной палитрой или повторите цвета дашлетов ниже, чтобы фильтр и диаграммы рассказывали одну и ту же историю. Значения, которые вы не меняли, сохраняют стандартный вид, а сопоставления цветов можно экспортировать и импортировать, поэтому однажды заданную палитру легко использовать и в других дашбордах.

Button Colors на экране Edit Filter: выберите значение и задайте для него цвет фона и текста. Результат — цветной фильтр Country на скриншоте с диаграммами по трём измерениям выше.

Когда ссылкой на публичный дашборд делятся в LinkedIn, X, WhatsApp или на любой платформе, которая показывает превью ссылок, отображается его изображение Open Graph (OG). До сих пор это всегда была автоматически созданная миниатюра визуализации.

Начиная с этого релиза выбор за вами. Откройте диалоговое окно Share у любого публичного элемента, наведите курсор на превью и нажмите значок карандаша, чтобы загрузить изображение, которое будет его представлять: обложку в фирменном стиле, ту самую ключевую диаграмму или призыв к действию. Для наилучшего результата используйте изображение с соотношением сторон, близким к 1.91:1, — тогда в лентах соцсетей оно отобразится целиком, без обрезки.

В окне Share нажмите значок карандаша на превью, чтобы заменить изображение, которое показывается, когда ссылкой делятся в социальных сетях.