Рядом — значит, вместе: как работает близость в инфографике

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

близостьинфографикавизуализация

У меня на курсе сейчас студентка — редактор научного журнала. Недавно она принесла график из одной статьи — и для нас это отличный повод поговорить о том, как работает в визуализации принцип близости.

На графике показано содержание разных химических элементов в растворе. Сравнивать элементы между собой не нужно — на это намекает даже разная размерность: где-то проценты, где-то мг/кг.

Но визуально они стоят впритык — и мозг тут же начинает их сравнивать. Ведь так устроен принцип близости: объекты рядом — значит, они связаны.

Сравнить медь и свинец? Легко. А вот свинец в 2005 и 2019 году? Удачи. Соотнести цвета в легенде с колонками — тоже тот ещё квест.

Решение простое: группировать столбики по году, а не по элементу. Тогда зритель будет сравнивать то, что нужно — и без визуального флирта с соседним баром ↓↓↓

#разбор

Столбчатая диаграмма содержаний химических элементов по годам: плотные разноцветные столбцы и легенда; близкое расположение мешает корректному сравнению данных.
Исходный график: столбцы элементов расположены вплотную, затрудняя сравнение по годам.