{"id":8545,"title":"\u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0437\u0430\u043a\u0443\u043f\u0438\u0442\u044c\u0441\u044f \u0431\u0430\u0442\u0430\u0440\u0435\u0439\u043a\u0430\u043c\u0438 \u0438 \u043d\u0435 \u043f\u0440\u043e\u0433\u043e\u0440\u0435\u0442\u044c","url":"\/redirect?component=advertising&id=8545&url=https:\/\/vc.ru\/special\/isource&placeBit=1&hash=2b5b7b247ca83e67628673cba216c312801b86af12a116e7df5c8ab9fae04e8c","isPaidAndBannersEnabled":false}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

0
11 комментариев
Популярные
По порядку
Написать комментарий...

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

5

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

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

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

1

Основная проблема с гаммой. Выбранный вами фиолетовый слишком блеклый, а потому его трудно разглядеть. Кроме того, белый цвет не совсем белый, а какой-то серый и его также трудно читать. Посмотрите на тики (деления оси) или название.

Выделением цветом нелогичное. Вы говорите про какой-то градиент, но тут им не пахнет. После максимума есть "красная зона", которая намекает нам о падении цифр, но почему перед максимумом ничего нету? От чего зависит цвет? Лично меня это путает и хочется кинуть данный пример в dataisugly.

Выделение шириной также неудачное. Левая часть оказывается попросту ненужной, так как она еле-еле видна.

Идея с палками и подставками неплохая, если бы вы значения над палками написали и сделали их потолще, что ли. Опять же - ничего не видно.

Я не говорю про информативность. Понять на графиках какие значения у чего невозможно. Сетки нету, значения баров неподписаны, тики еле видные, какой-то ужас для тех, кто будет с умом в это смотреть.

Черный фон в принципе хорошее решение, так как глаза меньше устают, но данный случай работает в обратную сторону. Зайдите в dataisbeatiful и посмотрите на графики с черным фоном, вам все станет понятно (надеюсь). ред.

0

Проблемы с гаммой? 

Когда-то я тоже использовал яркие и чистые цвета.
Но теперь стараюсь этого не делать.

0

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

1

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

1

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

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

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

1

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

0

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

0

Я очень надеюсь, что эту статью никто из моих коллег не добавит в закладки ))

PS Я за простоту, follow KISS rule.

0

Правила, в том числе и follow KISS rule, создавались для конкретных ситуаций,
а не на все случаи жизни.

Большинство людей в наше время забывает и не применяет 99,99% информации.

Так что если ваши коллеги добавят пост в закладки, то через очень непродолжительное время всё будет погребено в информационных слоях.

Всё под контролем :))

0
Читать все 11 комментариев
Хочу кухню как у подруги: зачем в Циан сделали поиск квартир по фото

Рассказывает Юлия Зыкова, руководитель команды «Аудитория» в Циан.

Как мы с двумя кошками из Москвы в Прагу летели

Данная статья будет полезна тем, кто собирается лететь из России в Чехию со своими пушистым в салоне самолета. Почему пишу именно такой маршрут? Потому что условия для всех стран очень разные.

Завод по производству идей. Как работают акселераторы, зачем они нужны стартапам и куда идти с идеей прямо сейчас

По данным Startup Genome, 9 из 10 стартапов терпят неудачу. Возможных причин «смерти» много: недостаточно протестированная гипотеза, неподтвержденная юнит-экономика, неверная стратегия или просто неудача в подходе к продажам.

Мы сделали бот, который печатает и отправляет ваши фото маме. В 2 клика
Катя со свежими фотками для родителей

Мы запустили Kind Bot — доброго бота, которому в 2 клика можно скинуть свои фотки. Он их напечатает и отправит по почте вашей маме. Или другому близкому человеку.

Как я заработал свой первый миллион просмотров на лонгридах

Мой опыт ведения текстового блога на «Виси», «Пикабу», «Хабре», Дзене и еще пачке площадок. Сколько потратил на них сил и какую отдачу в итоге получил.

Как у меня украли 600 тысяч с карты, а Тинькофф нарушает федеральный закон

Спойлер: я НЕ вводил никуда код, НЕ переходил по ссылкам и НЕ сообщал данные карты.

Я всегда считал себя финансово грамотным человеком, сам когда-то работал в банке, соблюдал цифровую гигиену, держал деньги на нескольких счетах, не привязывал основную карту в непонятных сервисах, в 90% оплат пользовался Google Pay. Когда родственники присылали…

Возник по просьбе бразильских банкиров и стал любимым напитком солдат во время Второй мировой: история Nescafe Статьи редакции

В 2021 году Nescafe — крупнейшее подразделение Nestle и бренд, который оценивается больше чем в $20 млрд. По собственным данным компании, в мире каждую секунду выпивают более 5000 чашек напитка.

Дегустация Nescafe National Museum
Из науки в IT: как создать свой стартап и стать преподавателем

Как перейти в IT из другой сферы? Как разработать курс, которому нет аналогов? Как студенту получить максимум пользы от занятий? Рассказывает преподаватель OTUS Сергей Окатов, руководитель курсов «Kotlin Backend Developer» и «Kotlin Developer. Basic».

Бизнес — как ребенок: как мамы совмещают свое дело с заботой о детях

Как совмещать бизнес и семью? Ко Дню матери своими историями поделились бизнесвумен, которые работают c ЮKassa и занимаются детьми. Читайте, как им удается сохранять жизненный баланс и добиваться успеха.

Наследник Рокфеллера, сын Софи Лорен, боксёр и продюсер: история француза, обманувшего Рурка, Ван Дамма и других звёзд Статьи редакции

СМИ прозвали Кристофера Роканкура звёздным мошенником: его жертвами были голливудские знаменитости и американские предприниматели. Точная сумма ущерба от действий француза неизвестна, но сам он утверждает, что за свою жизнь «заработал» $40 млн.

Кристофер Роканкур и Наоми Кэмпбелл francetvinfo
Что Tele2 предлагает клиентам в «черную пятницу»

На главной распродаже года клиентов компании ждут сразу несколько интересных предложений: скидки на смартфоны, пакеты SMS и безлимитный трафик на YouTube, Яндекс.Карты, Яндекс.Навигатор.

null