🙂 Дизайн графиков. Шкалы

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

На примере графика, который используют в финансовых системах, Андрей поэтапно объяснил:
— Как сделать горизонтальную шкалу
— Как проектировать вертикальную ось
— В каких случаях понадобится двухсекционная шкала
— Как настроить масштабирование графиков
— Как проектировать диапазоны и навигацию
— Какие нюансы возникают при работе с нелинейными шкалами

awdee.ru/graphs-design-scales

#awd_article #awd_graphs #awd_dataviz #awd_infographic

🙂 Дизайн графиков. Линии

Дизайнер интерфейсов Андрей Маркелов написал вторую часть серии статей о дизайне графиков в финансовых системах. В прошлой статье он рассказал о проектировании координатных сеток, а в этой речь пойдёт о дизайне формы самого графика

Андрей привёл несколько примеров и объяснил:
— Как правильно выбрать толщину линии и скругление изломов для линейных графиков
— Что такое сканер, спреды и как их проектировать
— Какие бывают индикаторы и как их отображать на графике
— Что такое японские свечи и какие значения они должны включать

В завершение Андрей рассказал об том, как выглядит инструмент технического анализа графиков и для чего он нужен

awdee.ru/graphs-design-lines

#awd_article #awd_graphs #awd_dataviz #awd_infographic

🙂 Дизайн диаграмм рассеяния

Специально для читателей Оди дизайнер интерфейсов Андрей Маркелов написал статью о Scatter Plots, или диаграммах рассеяния, и на практических примерах показал, как их рисовать

Из статьи вы узнаете:
— В каких случаях используют диаграммы рассеяния
— Из каких элементов они состоят
— Как делать дизайн точек и линий в диаграммах рассеяния
— Как правильно подписывать фигуры и где размещать легенду
— Как проектировать временные графики в рамках диаграммы рассеяния
— Как красиво и наглядно оформлять плотность рассеяния

awdee.ru/scatter-plot-design

#awd_article #awd_graphs #awd_dataviz #awd_infographic

👨‍🎨 15 Figma-плагинов для создания таблиц и графиков

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

awdee.ru/15-figma-plugins-for-creating-tables-and-charts

#awd_figma #awd_tool #awd_graphs #awd_tables #awd_dataviz #awd_infographic

🙂 Дизайн сложных таблиц, графиков и диаграмм рассеяния

Хотим напомнить, что недавно у нас вышли четыре отличные статьи Андрея Маркелова о дизайне сложных таблиц, графиков и диаграмм:
— Дизайн сложных таблиц
— Дизайн графиков. Шкалы
— Дизайн графиков. Линии
— Дизайн диаграмм рассеяния

#awd_article #awd_graphs #awd_tables #awd_dataviz #awd_infographic

🙂 Как правильно визуализировать данные

Перевод статьи Сары Дхолакии, в которой она рассказывает, как выбрать правильный тип визуализации данных в зависимости от цели, аудитории, типа и объёма самих данных. На практических примерах автор разбирает наиболее распространенные типы визуализации данных, знания о которых помогут подбирать оптимальные варианты для каждого отдельного проекта

В конце статьи вы найдёте множество ссылок на тему визуализации данных для более основательного погружения в предмет и поиска вдохновения

awdee.ru/how-to-visualize-data-properly

#awd_article #awd_graphs #awd_tables #awd_dataviz

🙂 Дизайн сложных таблиц, графиков и диаграмм рассеяния

Хотим напомнить, что у нас на сайте есть четыре отличные статьи Андрея Маркелова о дизайне сложных таблиц, графиков и диаграмм:
— Дизайн сложных таблиц
— Дизайн графиков. Шкалы
— Дизайн графиков. Линии
— Дизайн диаграмм рассеяния

#awd_article #awd_graphs #awd_tables #awd_dataviz #awd_infographic