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

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

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

Когда я оцениваю графики, то всегда начинаю с вопроса: какая была цель? Все дизайнерские решения должны работать именно на неё.

Рассмотрим этот принцип на примере. Вот — две картинки, на которых показаны разные составы Госдумы. Очевидно, задача авторов — помочь читателям сравнить присутствие разных партий в парламенте. Какой из вариантов позволяет вам сделать это быстрее?

Думаю, что не первый 🌚. Здесь неудобно расположена легенда, а для сравнения нужно сопоставлять фигуры сложной формы или пересчитывать кружочки.

Второй график — более удачный, хотя и не самый лучший. Например, я не уверен, что здесь стоило показывать долю от 100%.

Вот главные признаки верно выбранного типа визуализации:

  1. График решает задачу (сравнить одно с другим, увидеть рост или падение чего-либо, оценить масштабы чего-либо),
  2. Из графика можно сделать вывод — ответить на внутренний вопрос «И что?»
  3. График не надо долго изучать, чтобы понять, какую задачу он решает и какой вывод транслирует.

А как бы вы визуализировали такие данные? Пишите в комментариях, что бы поправили.

Два варианта диаграмм состава Госдумы: сетка цветных кружочков с легендой для сравнения долей партий и сложности её восприятия.
Сравнение вариантов визуализации состава Госдумы: сетка кружочков vs. альтернативный способ.
Горизонтальные полосы и подписи: столбчатая диаграмма распределения мест в Госдуме по фракциям в 2016 и 2021 годах для наглядного сравнения.
Распределение мест в Госдуме в 2016 и 2021 годах, показанное столбчатой диаграммой.