Вставки с паттерном в графиках

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

графикпаттернвизуализация

Отдельно ещё хочется рассмотреть такие вставки. Здесь коммуникационная задача уже понятнее: график должен наглядно показывать долю.

Но получается это, на мой взгляд, не очень эффективно, и беды тут две:

  • ⭕️Два контрастных цвета, которые сражаются за внимание
  • ⭕️Ритмичный паттерн, который отвлекает от сути цифр

Решить просто: во-первых, снизить контрастность «большинства» — сделать фиолетовые квадраты бледными или вообще серыми.

А ещё я бы попробовал заполнять «каждого пятого» хаотично, чтобы паттерн не гипнотизировал так сильно.

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

#разбор

Схема: фиолетовый фон с сотнями мелких квадратов и выделением «каждый пятый», пример паттерна для визуализации доли.
Пример паттерна из фиолетовых квадратов, который отвлекает от числовой доли.

Читайте так же