Сделай это красиво
4.65K subscribers
264 photos
12 videos
2 files
103 links
Алексей Смагин (@BlackPineapple) — о том, как делать ваши графики понятными и красивыми.

А в деталях учу этому искусству на курсе «Эстетика в графиках»
Download Telegram
Media is too big
VIEW IN TELEGRAM
Последнее напоминание

Это я листаю прекрасную Dear Data и хочу напомнить вам, что сегодня — последний день, когда вы можете присоединиться к нашему комьюнити и стать участником курса «Эстетика в графиках». Уже с начала недели мы начинаем плотную работу, поэтому следующий поток будет не раньше мая.

Если сомневаетесь, по предоплате в 1000 рублей можно получить доступ к первому модулю и продолжить обучение в том случае, если курс понравится.

Программа курса:
https://t.me/perfectgraphs/54

Записаться:
https://clck.ru/38LpsQ
8😍4
Видели когда-нибудь такие графики? Если да — никогда не пытайтесь их повторить.

Расположенные друг по другом дуги невозможно сравнить из-за оптической иллюзии — одинаковые по длине, они будут увеличиваться по мере приближения к центру окружности. Получается, в визуализации данных пропадает какой-либо смысл.
26👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Видео, которое иллюстрирует оптическую иллюзию
🔥47
Не надо показывать всё

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

Несмотря на то, что форма графика в целом уместна для таких данных, именно в этом случае график не работает.

Почему? Из-за визуального шума. В большинстве случаев мы видим, что почти весь электорат партий 2018 года проголосовал за них же в 19 году. Для визуализации этой идеи достаточно было бы использовать по паре столбиков для каждой партии — с голосами в 2018 году и с голосами в 2019, где одна часть накопительного столбика показывала бы «старые» голоса, а другая — голоса от других партий.

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

В противном случае детали — отвлекают.

#разбор
12🤝4
Посты в этом канале стали выходить немного реже, потому что почти всё моё время уходит на работу над курсом «Эстетика в графиках».

Приятно видеть, что старания окупаются. Вот, что пишет студентка тарифа без обратной связи (!) уже после первого модуля:
❤‍🔥8🔥1
По графикам уже после первой лекции стал проявляться "третий глаз" 😏
Ошибки сразу стали виды. И этот видео разбор, конечно, уже смотрела с пониманием дела. Даже вебинар сперва казался чем то на языке туземцев.😂
🔥51
Серый цвет — это супергеройский приём в датавизе

Он позволяет оставить на графике больше деталей, но при этом фокусировать внимание на важном.

На первом графике, например, визуализировано количество возрастных пользователей на разных веб-сайтах. Несмотря на то, что при желании можно сравнить пользователей любых возрастов, эта информация сразу уходит на второй план, и акцент в графике делается на категории 45+. Я, правда, не сразу понял, по какому принципу здесь идёт сортировка и не уверен, что стоило делать её только по первому сектору.

На втором графике ситуация иная. Здесь рассмотреть каждый отдельный объект уже не получится, зато благодаря линиям серого цвета мы можем понять, в каких вообще рамках находится инфляция на все продукты. То, как подорожала морковь — это много? А как творог?

Если вам нужно показать контекст или оставить на графике детали второго плана, вспомните про этот пост!
👍2510
Простейший способ сделать из вашей инфографики ребус — это представить сравнения в ней в виде пайчартов.

Представленное решение, на самом деле, интересно и в целом — не ужасно. Но ключевые идеи из этих данных можно было бы представить гораздо более изящно.
🙈54
Переделка на скорую руку. Как надо, если хочется показать результат сразу

#разбор
🔥124😁1
Правильно использовать столбики — это тоже мастерство

График из этого примера при хорошем понимании правил визуализации данных можно сделать ещё лучше.

Что мне не нравится:
🔴 Самый интересный фрагмент графика — это доля голосов за Владимира Путина. И сейчас эту долю визуально сравнивать не очень просто, потому что каждый раз его столбик начинается в разной точке;
🔴 Путина не только сложно сравнивать, но и сложно выделить среди остальных. Если это главное «пятно», стоит привлечь к нему внимание;
🔴 В заголовке написано про 42 страны, а на графике их всего 15. Это может запутать читателя, тут необходимы пояснения;
🔴 Тёмные цифры плохо читаются на тёмном фоне.

Давайте это исправим!

#разбор
Please open Telegram to view this post
VIEW IN TELEGRAM
14
Предлагаю три варианта.

Лично я отношусь к этим данным так: есть голоса за Путина, а все остальные голоса — протестные. В этой логике я сделал раскраску и сортировку.

🟣 Наша задача — сделать так, чтобы голоса за Путина было легко сравнивать. Тогда нужно поставить путинские столбики так, чтобы у них было либо одинаковое начало, либо одинаковый конец. Я выбрал начало.

🟣В конец поставил столбики за Даванкова — как за основного протестного кандидата. Их тоже будет сравнивать проще всего.

🟣Слуцкого и Харитонова поставил в середине — они особой роли тут не играют.

🟣Всех, кроме Путина, покрасил одним цветом. Так я показываю, что есть по сути два важных выбора — Путин и любой кроме Путина.

Ну и ещё два варианта:
🟣 Второй цвет можно убрать совсем, получается даже метафорично.
🟣 Можно вообще противопоставить Путина всем остальным кандидатам, выразив это в сортировке. Так борьба становится ещё более явной.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
23🔥13🥴3👍2
Информации стало так много, что мы не успеваем её воспринимать. Что с этим делать?

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

Посмотрите на графики из статьи: современный человек в среднем проводит 80% времени потребляя информацию (в развитых странах — до 100%), но этого не хватает, чтобы осилить даже 0,1% от того объёма информации, что мы производим.

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


Для себя я понимаю это так: в информационном хаосе всё больше будут цениться люди, которые смогут ёмко и изящно объяснять сложные вещи. Поэтому спрос на тех, кто сможет превращать большие таблички в понятные графики будет только расти 🙌
🔥155👍5
Сейчас на курсе мой любимый период. Мы уже перешагнули за середину, студенты многому научились и активно применяют свои знания.

Задания становятся более творческими и сложными, и я обожаю, когда студенты не боятся экспериментов и выкладываются по-максимуму. Когда пробуешь что-то новое, то часто ошибаешься. А чем больше ошибок в работе вижу я, тем больше могу подсказать 🙂

Вот пример небольшой переделки, которую мы разобрали вместе с одним из участников курса.
21
А вот здесь я разобрал сами ошибки.

Думаю, такая обратная связь очень важна: этот опыт нельзя передать только через лекции. Везде есть много нюансов, через которые надо пройти самостоятельно и набить свои шишки.
❤‍🔥16
2,4 миллиона просмотров с одного простого графика

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

Даже простая анимация делает работы виральными, и это одна из причин, почему Flourish я обязательно даю на своём курсе. К слову, анимированные графики — как раз у нас тема следующей недели 😉
8🔥5👍2❤‍🔥1
В работе с графиками важно понимать, для кого вы их делаете

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

Важный момент в разработке дашборда — масштаб видения пользователя. В зависимости от задач ему могут быть интересны более общие или частные показатели.

Лучше всего это видно на примере иерархии в госорганах. Когда мы делали дашборды для системы досудебного обжалования, нам предстояло разработать экраны для госслужащих трех уровней:

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


Инструменты важны, но они скорее помогают навести красоту и ускорить процесс, главное же — понять какие данные будут интересны конкретным людям.

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

https://t.me/perfectgraphs/38
👍76