Проекты25 декабря 2025 г.855

Фановая датавиз: приёмы кастомизации графиков

Коротко

Фановый датавиз-проект о Bumble Coffee превратился в наглядный разбор четырёх приёмов, которые делают графики одновременно информативными и запоминающимися.

Иногда лучшие датавиз-проекты вырастают из самых неожиданных поводов. Этот — из любви аналитиков Авито к Bumble Coffee. Собранные данные легли в основу фановой статистики, а сам процесс оформления вылился в несколько конкретных приёмов, которые стоит держать в арсенале.

Приём 1. Иконки вместо числовых подписей размера выборки

В барчарте в конце каждого столбика размещены мини-стаканчики — по числу, пропорциональному объёму выборки по стране. Это решает сразу две задачи: зритель видит сравнительный размер группы без необходимости читать мелкие подписи, а тематический значок органично вписывается в визуальный образ всего проекта. Сам барчарт при этом стилизован под форму стакана — форма графика и тема данных работают в связке.

Приём 2. Звёздочка как иконка рейтинга

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

Приём 3. Тематические маркеры на точечном графике

На scatter plot вместо стандартных круглых точек использованы тематические апельсинки. Это не просто декор: замена нейтрального маркера тематическим усиливает контекст данных и помогает зрителю удерживать связь между визуализацией и её предметом. Приём особенно уместен в фановых и презентационных проектах, где вовлечённость аудитории важна не меньше точности.

Приём 4. Цветовые акценты для управления вниманием

В графике с диаграммой цен отдельные зоны подсвечены цветом — те, на которые аналитик хочет обратить внимание зрителя. Это классический приём pre-attentive визуализации: цвет воспринимается раньше, чем зритель осознанно начинает читать график. Выделение цветом снимает с аудитории работу по самостоятельному поиску инсайта.

Что сделать на практике

  • Подбирайте маркеры и иконки, семантически связанные с темой данных — это усиливает контекст без дополнительного текста.
  • Используйте устойчивые визуальные ассоциации (звезда = рейтинг, термометр = температура) — они работают без легенды.
  • Заменяйте числовые подписи объёма выборки иконками там, где важна наглядность, а не точная цифра.
  • Выделяйте цветом только то, что действительно важно: чем меньше акцентов, тем сильнее каждый из них.
  • Согласовывайте форму графика с темой — даже простой барчарт можно вписать в тематический образ.

Вывод

Фановые датавиз-проекты — не менее ценный полигон для отработки приёмов, чем рабочие дашборды. Иконки, тематические маркеры, цветовые акценты и согласованность формы с содержанием — всё это работает и в серьёзных бизнес-визуализациях. Главное — понимать, зачем каждый элемент там находится.

Частые вопросы

Как правильно выделять данные цветом на графике?+

Выделяйте цветом только те элементы, на которые нужно направить внимание зрителя. Чем меньше акцентов — тем сильнее каждый из них. Остальные элементы лучше оставить в нейтральном цвете (серый, светло-синий).

Можно ли заменять стандартные точки на scatter plot кастомными иконками?+

Да, если иконки семантически связаны с темой данных и не затрудняют восприятие. В фановых и презентационных проектах тематические маркеры усиливают вовлечённость аудитории и помогают удерживать контекст.

Зачем согласовывать форму графика с темой данных?+

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

Как показать размер выборки на барчарте, не загромождая его цифрами?+

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

21👍4
Читать оригинал в Telegram
Там можно оставить реакцию и написать комментарий
✈️ Открыть
🥰
Валерия Смирнова
Senior BI-аналитик в Авито · @mozzalerra
Сотрудничество →