69
Плагин для визуализации данных в Figma
В новой версии плагина (v7 alpha) теперь можно делать заливку между линиями, как в легендарной работе Плейфера :)
Апдейт уже в фигме
v6 alpha
Дошли руки опубликовать большоооой апдейт, который делал ещё в начале лета.
Что нового:
— Доступен новый вид графика — линейный! А вместе с ним — стили линий и точек, гибкие оси и аннотации
— Столбики теперь могут визуализировать процент от 100 — включите «Фон столбиков» и задайте ему это значение
— Множество исправлений багов и интерфейса
Апдейт в фигме, с ошибками приходите в чат
Большой апдейт v4 alpha
• Много новых видов столбиков! Обычная группировка, разбивка по рядам, Stacked Bar Chart. Ищите в разделе «группировки» у Bar Chart
• Теперь можно менять размеры фрейма прямо в Figma. График будет перерисовываться под них.
• Оси и сетку теперь можно настраивать
• Размеры и цвета всех подписей теперь можно настраивать
• Теперь можно выбирать свои цвета для раскраски графика
• Можно настроить, как будут обрезаться длинные подписи на столбиках
• Зазоры между столбиками теперь можно задавать в px
• Глобальное обновление дизайна
• Общие оптимизации и рефакторинг кода
⚠️ Напомню, что плагин пока находится в стадии alpha. Будут ошибки, будут недоработки, некоторых настроек может не хватать. Приходите в чат с репортами, будем разбираться.
Обновление должно прийти автоматически. Также напоминаю ссылку на установку
Апдейты в плагин!
Давно мы не слышались: я упёрся в сложные технические проблемы при разработке и на время сделал паузу. Теперь [надеюсь] эти проблемы позади — и новые релизы будут выходить чаще.
Что в новой версии:
🔴Исправлен баг, из-за которого в редких случаях столбики рисовались неправильных размеров.
🔴Добавлена beta-версия площадной [Bubble Chart] диаграммы.
Апдейт должен прилететь в фигму автоматически. А если плагина нет — установить его можно тут.
Вот эти два графика тоже полностью сделаны в плагине. И вы так можете 😉
Читать полностью…
v5 alpha
— Теперь можно задавать отступ от легенды. И от подписей рядов столбиков
— Добавлена настройка обводки у столбиков
— Подписи теперь можно переносить в несколько строк и делать жирными. А подписи столбиков — выравнивать по правому краю
— Можно убирать засечки и линию оси
— Исправлен ряд багов
Иллюстрирую примерами коллег из @tochno_st — все их графики полностью переделаны в плагине.
Апдейт — как всегда — уже прилетел в вашу фигму.
v3 alpha
• Добавлена возможность настраивать «поглощение» подписей — можно настраивать положение цифр снаружи и внутри столбиков
• Добавлена возможность сделать ось и сетку. Пока без настроек — они будут в будущих версиях
обновление должно прийти автоматически
ссылка на установку
Я сделал свой плагин для визуализации данных в Figma!
Сразу о главном: найти его можно тут. А в качестве иллюстрации — две версии графика, которые с помощью него были сделаны.
🔗 Это Лёша, дата-журналист, автор проекта @data_csv, а теперь ещё и разработчик плагина data-viz.me. Я уже восемь лет визуализирую данные, и заметил вот какую вещь:
Самые красивые графики в большинстве случаев дизайнеры дорабатывают в графическом редакторе. Меняют шрифты, добавляют иллюстрации и кастомные подписи.
Однако перенос графика из программ для визуализации в векторные редакторы — это всегда немножко пытка. Ты удаляешь кучу каких-то масок и лишних слоёв. Не всегда можешь поменять размеры. Тексты разбиваются на несколько блоков. Пережить можно, но хотелось бы проще.
Вот уже много лет я думаю — было бы славно, если графики можно было бы рисовать инструментами Фигмы. Но почему-то за все эти годы там не появилось хороших плагинов для визуализации. Я постараюсь эту нишу закрыть.
🔗Важно: пока это alpha-версия с урезанным функционалом. Можно сказать, что это самый продвинутый генератор столбиков во всём Figma Community 😄
Что можно сделать на текущий момент:
➡ Загрузить таблицу из Google Sheets, файлом или текстом. Загрузка из Google Sheets иногда может тупить из-за нагрузки на сервер-парсер. Я обычно просто копирую таблицу
➡ Выбрать разделитель и форматирование для чисел
➡ Построить по ним горизонтальные столбики
➡ Задать столбикам gap в процентах от их высоты
➡ Раскрасить по категориям — пока только по стандартным палитрам, но в будущем функционал расширится
➡ Убрать подписи. Или добавить в них любую колонку
➡ Выбрать любой шрифт! Написать заголовок, подзаг и источник, подобрать к ним любые цвета и форматирование
➡ Подобрать любой размер и отступы от границ фрейма
Многого пока нельзя. Сжальтесь! До релиза пришлось жёстко отсекать фичи, чтобы плагин работал стабильно.
Но подозреваю, что багов по-прежнему много — о них можно писать в комьюнити.
🔗Я планирую делать плагин полностью бесплатным. Очень надеюсь, что он станет востребованным, и в том числе мы сможем использовать его для обучения студентов визуализации.
Однако в разработку уходит много моих сил. А ещё — приходится оплачивать курсор для разработки. И если вы считаете это начинание важным, поддержите проект донатами.
P.S. На обложке плагина — работа моей коллеги Нади Андриановой One Week in Sound. Надя, спасибо за красоту и что разрешила её использовать 🥺
