💬 Визуализация ≠ просто график
Ваш график — это интерфейс. Его задача — не просто отображать данные, а делать их ПОНЯТНЫМИ. Причесать график — значит превратить сухие цифры в понятный, эстетичный и юзабельный сторителлинг. Давайте разберёмся, как.
📌 Чеклист "идеального графика"
1. Задача → Вид графика
Проверь: решает ли график свою задачу?
🔘Сравнение → Bar chart
🔘Динамика → Line chart
🔘Частотность → Histogram
🔘Корреляция → Scatterplot
❗️Закон Теслера (Law of Conservation of Complexity): уберите лишние детали, оставьте только нужный тип визуализации.
2. Оси и масштаб
🔘Всегда начинайте ось Y с нуля, если это не противоречит задаче.
🔘Убедитесь, что шаги по осям читаемы и равномерны.
🔘Подписи: лаконично, без научной фантастики вроде "1.2E4".
Закон Миллера (Miller’s Law):
👁🗨 Пользователь может удержать в уме ~7 единиц информации. Ограничьте количество точек или групп.
3. Цвет
🔘Используйте цвет по смыслу, а не по вкусу.
🔘Максимум 4–5 цветов в одном графике.
🔘Цвета должны быть различимы для людей с дальтонизмом (проверяйте в симуляторах).
Закон Якоба (Jakob’s Law):
🎨 Пользователи ожидают знакомое. Используйте общепринятые цвета: красный — плохо, зелёный — хорошо.
4. Типографика и подписи
🔘Не перегружайте график текстом.
🔘Шрифт — читаемый (не меньше 12px).
🔘Все подписи должны быть понятны без сноски.
Закон Фиттса (Fitts’s Law):
📌 Чем ближе и понятнее информация, тем быстрее её "считают".
5. Легенда
🔘Она должна быть однозначна, компактна, расположена рядом.
🔘Если можно обойтись без легенды (вписав значения прямо в график), сделайте это.
6. Интерактивность (если релевантно)
🔘Подсказки при наведении.
🔘Фильтрация / сортировка.
🔘Возможность "отключить шум" (например, скрыть ненужные серии).
Закон Хика (Hick’s Law):
⏱️ Чем больше выбор, тем дольше решение. Давайте пользователю контроль, но дозировано.
7. Общий визуальный стиль
🔘Линии и столбцы одной толщины.
🔘Отступы = воздух = читаемость.
🔘Используйте сетку, но мягкую, ненавязчивую.
✨ Бонус: "Волосатые" графики — признак боли
Если ваш график напоминает ежика из Excel:
🟣12 метрик на одной оси
🟣8 цветов радуги
🟣3 линии тренда и прогноз до 2050
— это не график, это инфошум. Упростите. Разбейте на серию визуализаций.
✔️ Итог: идеальный график...
🔵Решает одну задачу.
🔵Визуально ясен.
🔵Приятен глазу.
🔵Учит и направляет, а не сбивает с толку.
🤪 Графики, как и волосы, любят уход:
Раз в неделю — расчесать.
Раз в месяц — подстричь.
Раз в квартал — перекрасить.
Пишите в комменты ваши самые криповые трустори про графиковую малярию =)👇❤️
