Как улучшить график. Пример 2

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

🔗Переходи по ссылке и смотри вместе со мной

Его сделал датавиз-инженер Yan Holtz на примере линейного графика, отображающего, как менялась доля разных советов об отношениях на Reddit за 15 лет.

Вот 4 варианта, как изучить этот пример:

1️⃣ Скроллить веб-страницу вниз и изучать пояснения (текст виден, если смотреть с компьютера; в мобильной версии пояснений не видно)

Вы увидите пошаговые изменения графика, а слева прочитаете комментарии автора. Рекомендую начать с этого, чтобы лучше понять процесс и аргументацию автора☝️

2️⃣ Проскроллить страницу до конца и сразу посмотреть вариант «До» (Start) и «После» (End)

3️⃣ Включить режим Improve step by step и наблюдать, как меняется диаграмма на глазах

4️⃣ Самостоятельно переключать все возможные опции и следить за изменениями

Начинаем с кнопки Start и последовательно выбираем:

🤩Remove spine • Убрать рамки

🤩Author in caption • Перенести имя автора в подвал

🤩Better X axis • Улучшить ось X
Убрать название оси и повторяющееся "20", сделать акцент на десятилетиях

🤩Fix label overlap • Исправить наложение подписей линий

🤩Direct labeling • Напрямую подписать линии вместо легенды

🤩Remove X Grid • Убрать сетку по оси X

🤩Better title wording • Улучшить формулировку заголовка
Сделать его привлекающим внимание и показать вывод анализа

🤩Show Background • Показать фон
Чтобы дать больше места вокруг диаграммы и она стала более заметной. Вот это интересный момент, обычно фон убирают🤔

🤩Highlight • Выделить элементы
Поскольку мы делаем акцент на двух группах, остальным линиям добавляем прозрачности

🤩Better Y axis • Улучшить ось Y
Убрать название оси, проредить отсечки и частично убрать сетку

🤩Align and format title • Выровнять и отформатировать заголовок

Не всё это технически возможно реализовать в BI-инструментах в полной мере, но частично можно.

❓Все всё попробовали?
Ставьте дедов морозов, если было интересно!🎅

Ранее в канале мы:
🤩угадывали тренд на графике
🤩смотрели ролик, как убрать с графика лишнее

#dataviz #график