data.csv

Forwarded from data-viz.me

Я сделал свой плагин для визуализации данных в 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

🔥49❤‍🔥18❤12🥰4🤔1🕊1

www.tgoop.com/data_csv/1839

2.85K viewsАлексей Смагин, Oct 1 at 12:51

Я сделал свой плагин для визуализации данных в Figma!

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

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

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

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

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

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

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

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

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

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

P.S. На обложке плагина — работа моей коллеги Нади Андриановой One Week in Sound. Надя, спасибо за красоту и что разрешила её использовать 🥺