data-viz.me
75 subscribers
8 photos
2 videos
5 links
Плагин для визуализации данных в Figma
Download Telegram
Channel created
Я сделал свой плагин для визуализации данных в Figma!

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

🔗 Это Лёша, дата-журналист, автор проекта @data_csv, а теперь ещё и разработчик плагина data-viz.me. Я уже восемь лет визуализирую данные, и заметил вот какую вещь:

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

Однако перенос графика из программ для визуализации в векторные редакторы — это всегда немножко пытка. Ты удаляешь кучу каких-то масок и лишних слоёв. Не всегда можешь поменять размеры. Тексты разбиваются на несколько блоков. Пережить можно, но хотелось бы проще.

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

🔗Важно: пока это alpha-версия с урезанным функционалом. Можно сказать, что это самый продвинутый генератор столбиков во всём Figma Community 😄

Что можно сделать на текущий момент:
Загрузить таблицу из Google Sheets, файлом или текстом. Загрузка из Google Sheets иногда может тупить из-за нагрузки на сервер-парсер. Я обычно просто копирую таблицу
Выбрать разделитель и форматирование для чисел
Построить по ним горизонтальные столбики
Задать столбикам gap в процентах от их высоты
Раскрасить по категориям — пока только по стандартным палитрам, но в будущем функционал расширится
Убрать подписи. Или добавить в них любую колонку
Выбрать любой шрифт! Написать заголовок, подзаг и источник, подобрать к ним любые цвета и форматирование
Подобрать любой размер и отступы от границ фрейма

Многого пока нельзя. Сжальтесь! До релиза пришлось жёстко отсекать фичи, чтобы плагин работал стабильно.
Но подозреваю, что багов по-прежнему много — о них можно писать в комьюнити.

🔗Я планирую делать плагин полностью бесплатным. Очень надеюсь, что он станет востребованным, и в том числе мы сможем использовать его для обучения студентов визуализации.

Однако в разработку уходит много моих сил. А ещё — приходится оплачивать курсор для разработки. И если вы считаете это начинание важным, поддержите проект донатами.

P.S. На обложке плагина — работа моей коллеги Нади Андриановой One Week in Sound. Надя, спасибо за красоту и что разрешила её использовать 🥺
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤‍🔥2🕊1
data-viz.me pinned a photo
Апдейты в плагин!

Давно мы не слышались: я упёрся в сложные технические проблемы при разработке и на время сделал паузу. Теперь [надеюсь] эти проблемы позади — и новые релизы будут выходить чаще.

Что в новой версии:
🔴Исправлен баг, из-за которого в редких случаях столбики рисовались неправильных размеров.
🔴Добавлена beta-версия площадной [Bubble Chart] диаграммы.

Апдейт должен прилететь в фигму автоматически. А если плагина нет — установить его можно тут.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
5😢1
This media is not supported in your browser
VIEW IN TELEGRAM
v3 alpha

• Добавлена возможность настраивать «поглощение» подписей — можно настраивать положение цифр снаружи и внутри столбиков
• Добавлена возможность сделать ось и сетку. Пока без настроек — они будут в будущих версиях

обновление должно прийти автоматически
ссылка на установку
❤‍🔥4🙏1😍1
This media is not supported in your browser
VIEW IN TELEGRAM
Большой апдейт v4 alpha

• Много новых видов столбиков! Обычная группировка, разбивка по рядам, Stacked Bar Chart. Ищите в разделе «группировки» у Bar Chart
• Теперь можно менять размеры фрейма прямо в Figma. График будет перерисовываться под них.
• Оси и сетку теперь можно настраивать
• Размеры и цвета всех подписей теперь можно настраивать
• Теперь можно выбирать свои цвета для раскраски графика
• Можно настроить, как будут обрезаться длинные подписи на столбиках
• Зазоры между столбиками теперь можно задавать в px

• Глобальное обновление дизайна
• Общие оптимизации и рефакторинг кода

⚠️ Напомню, что плагин пока находится в стадии alpha. Будут ошибки, будут недоработки, некоторых настроек может не хватать. Приходите в чат с репортами, будем разбираться.

Обновление должно прийти автоматически. Также напоминаю ссылку на установку
🔥4🙏2😍2
v5 alpha

— Теперь можно задавать отступ от легенды. И от подписей рядов столбиков
— Добавлена настройка обводки у столбиков
— Подписи теперь можно переносить в несколько строк и делать жирными. А подписи столбиков — выравнивать по правому краю
— Можно убирать засечки и линию оси
— Исправлен ряд багов

Иллюстрирую примерами коллег из @tochno_st — все их графики полностью переделаны в плагине.

Апдейт — как всегда — уже прилетел в вашу фигму.
3🔥3