{"id":8525,"title":"\u0410\u043a\u0446\u0438\u044f \u043e\u0442 \u0431\u0430\u043d\u043a\u0430 \u0441 \u043e\u043e\u043e\u0447\u0435\u043d\u044c \u0434\u043b\u0438\u043d\u043d\u043e\u0439 \u0440\u0430\u0441\u0441\u0440\u043e\u0447\u043a\u043e\u0439","url":"\/redirect?component=advertising&id=8525&url=https:\/\/vc.ru\/promo\/314626-korotko-vyigrat-100-tysyach-rubley-na-pokupki-k-novomu-godu&placeBit=1&hash=452c4539de3180a40833ab562f6d46ac6a723a1c475a25d3a1dc82d21cace4b8","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 комментариев
Возник по просьбе бразильских банкиров и стал любимым напитком солдат во время Второй мировой: история Nescafe Статьи редакции

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

Дегустация Nescafe National Museum
Бизнес — как ребенок: как мамы совмещают свое дело с заботой о детях

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

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

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

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

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

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

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

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

Кристофер Роканкур и Наоми Кэмпбелл francetvinfo
Хочу кухню как у подруги: зачем в Циан сделали поиск квартир по фото

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

Что Tele2 предлагает клиентам в «черную пятницу»

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

Английский язык. Как это надо делать, если вернуть 2 года назад

Всегда считал себя неспособным к языкам, школу закончил, мягко говоря, с 0 знанием Английского языка. Как ,наверно, 95% населения нашей страны.

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

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

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

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

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

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

null