Как улучшить✨дизайн своих графиков — 7 вариантов

Вам надоели стандартные графики 😕 ? Попробуйте что-то новое. Примеры ниже.

Кликайте на картинки, чтобы увеличить их размер и увидеть детали.

График №1 — Бар Чарт без углов

Убрали острые углы, добавили цвет в bar chart
Убрали острые углы, добавили цвет в bar chart

График №2 — Червяк Цветной

Добавили переменную толщину, градиент в line chart
Добавили переменную толщину, градиент в line chart

График №3 — Бар Чарт Крашенный

Закрасили каждый столбец градиентом и убрали углы
Закрасили каждый столбец градиентом и убрали углы

График №4 — Лента с Цветами

Разделили на сегменты, каждый сегмент покрасили градиентом, в точки данных посадили цветы (их заливка также зависит от значения)
Разделили на сегменты, каждый сегмент покрасили градиентом, в точки данных посадили цветы (их заливка также зависит от значения)

График №5 — График для Минималистов (подставки по цифры)

Все линии делаем тонкими, добавляем подставки и цвет
Все линии делаем тонкими, добавляем подставки и цвет

График №6 — Змея

Создаём сегменты, управляем их толщиной и заливкой
Создаём сегменты, управляем их толщиной и заливкой

График №7 — Фонарики

Ттонкие линии, а сверху, вместо подставки — фонарик, заливка по значению, градиентом
Ттонкие линии, а сверху, вместо подставки — фонарик, заливка по значению, градиентом

Как сделать такие графики и на что обратить внимание:

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

Отличный график показывает самое главное самым очевидным образом, чтоб мозги не напрягались.

График, который понимают с первого взгляда — прекрасный график.

Какой график понимают с первого взгляда?

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

Поэтому на графике лучше показать только один параметр, но выразить его значение (динамику) тремя способами:

  • цветом
  • размером
  • формой

Пример такого подхода — график №4 (лента с цветами).

Как построить такие графики

Используйте программу Tableau Public.Это бесплатная программа. Один из лидеров в области визуализации данных.

🔸 Как автоматизировать создание графиков:

В программе Tableau можно создать шаблон,в котором настроить множество разных видов визуализации(можно указать разные размеры, наборы цветов).

Потом просто загружаем новые данные из Excel и все графики автоматически обновляются.

🔸 Если потребуется шаблон, то могу свой скинуть 😉

Пишите в инстаграм @avertoni_dataviz

Какой график понравился больше ?

1010
11 комментариев

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

5

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

Графики для аналитиков выглядят по другом - на них будет много информации.

Чем конкретно данные графики Перегружены и по сравнению с чем?

1

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

1

да, и такие минималисты есть

1

Не соглашусь с Вами по поводу "самого главного в графике".

Самое главное определяет целевая аудитория данного графика и та задача, которую график должен решить для определенной ЦА.

Это не универсальные графики, а пример дизайна, который акцентирует внимание и упрощает восприятие графика, особенно на презентации, когда мало времени.

1

Самое главное в графике - это навигация по датам, заголовок и tooltip. И конечно соответствие выбранного графика, отображаемой информации. Что происходит с осями при большой выборке?

Привет. Ищу того, кто поможет доработать презентацию для инвестора.
Есть готовая презентация, но она не цепляет. Не знаю, как ее красиво преподнести. Её надо «оживить», помочь с несколькими слайдами.
Презентация о рабочем и успешном бизнесе. Тематике: правильное питание и интернет-торговля.
Взамен готова предложить классную конопляную футболку собственного производства или ваши предложения) Пишите пожалуйста в ЛС