Что поменялось в визуализации студента

Алексей Смагин (@BlackPineapple) — о том, как делать ваши графики понятными и красивыми. А в деталях учу этому искусству на курсе «Эстетика в графиках»

визуализацияграфикидизайн данных

Есть на курсе такая традиция — во вводном модуле мы просим всех студентов визуализировать данные так, как они привыкли, а ближе к концу — уже с учётом новых знаний.

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

  • Начал работать принцип близости для подписей → не нужно бегать глазами по графику, чтобы сопоставить цифры и виды транспорта;
  • Цвет теперь имеет смысл → сразу можно выделить отрасли, которые выросли;
  • В заголовке теперь зашита идея → не надо думать, зачем нам показали график
Сравнение двух столбчатых графиков: исходная сложная диаграмма и улучшенная версия с более читаемыми подписями и осмысленными цветами, пример из курса по визуализации
Исходная и улучшенная версии графика (до и после обучения).
Горизонтальные бары, показывающие падение и рост пассажирооборота по видам транспорта: упрощённая и аккуратно оформленная диаграмма после правок по дизайну данных
Улучшенная диаграмма с упором на читаемость и смысл цвета.