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

А в деталях учу этому искусству на курсе «Эстетика в графиках»
Download Telegram
По графикам уже после первой лекции стал проявляться "третий глаз" 😏
Ошибки сразу стали виды. И этот видео разбор, конечно, уже смотрела с пониманием дела. Даже вебинар сперва казался чем то на языке туземцев.😂
🔥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
Понятность графика складывается из мелочей

В этом примере надо приложить немало усилий, чтобы определить, о чём вообще график. Покажу вам свой мыслительный поток :)

Взгляд 1: Машины и перевозчики в ФГИС "Такси" (анализ личных поездок)
Мысль: тут что-то про такси, но пока ничего непонятно. Надо читать дальше.

Взгляд 2: Данные: сведения о поездках участников проекта...
Мысль: я прочитал много мелких нюансов о данных, но всё ещё не понимаю, о чём картинка. Это начинает раздражать.

Взгляд 3: Перевозчики
Мысль: окей, это я уже видел в заголовке. А что показано?

Взгляд 4: Доля от общего числа
Мысль: от общего числа чего? Когда уже я разгадаю этот ребус?

Взгляд 5: Присутствие во ФГИС "Такси", нет, да
Мысль: а-а-а!! То есть, тут показано число официально зарегистрированных перевозчиков и машин. А что сразу так не сказали?

Конечно, весь этот мыслительный поток занял не слишком много времени, но мне пришлось посмотреть в пять разных точек, чтобы понять, о чём график. Это нехорошо, и это очень легко исправить.
8
Как сделать лучше?

🔴Вынести ключевую мысль в заголовок. О точности формулировки можно спорить, но я бы предложил такой —
Сколько машин и перевозчиков присутствует во ФГИС «Такси».
🔴Избавиться от легенды, выделив слово присутствует синим цветом.
🔴Спрятать методологию в подвал. Сначала надо передать основную мысль, а потом уже рассказывать, как вы это всё считали.
🔴Поправить цвета. Основная пара (жёлтый и синий) подобрана отлично, но детали можно улучшить.
🔴Обратить внимание на единообразие, типографику и удобство подписей.

Кстати, разметил в канале все посты рубрики #разбор — можете переходить по хештегу и учиться на ошибках 🙌
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥53
Обычно я говорю, что если значения подписаны около столбиков, то ось с графика надо убирать — ведь она не выполняет никакой новой полезной функции, а только занимает лишнее место.

Однако в новом материале Washington Post ось выполняет интересную роль — она позволяет нам осознать, сколько дней в неделю люди едят определённый вид еды.

И это действительно меняет восприятие — так я не пролистываю цифру 0,52 рядом с овощами — а действительно вдумываюсь: получается, они едят хоть какие-то овощи один раз в неделю. И то — если повезёт.

#приёмы
👍14💔109
Не перестаю удивляться тому, как иногда используют графики дизайнеры, далёкие от визуализации данных. Или это сознательная манипуляция?

Ставьте 🙈, если сразу увидели, что тут не так
🤔 — если пришлось подумать
👀 — если не видите проблемы с графиком
🙈95😁10🤔7👀42
Media is too big
VIEW IN TELEGRAM
Вы наверняка видели анимированные графики, в которых столбики бегут друг с другом наперегонки.

Вот пример — у агентства «Москва», вот пример BBC (VPN), а вот — пост в Twitter'е Джо Байдена (и снова VPN). Такие графики могут выглядеть эффектно, если необходимо показать противостояние разных сил. Например, сбор подписей у кандидатов в президенты, количество населения в разных странах или, например, число стримов у разных исполнителей.

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

Для практики я использую датасет про выбросы CO2 в разных странах, его можно взять тут. Справа кликнуть на Download в любом удобном формате.

Из России Flourish работает тоже только под VPN. И не просите меня посчитать, сколько раз за пост я повторил это слово — в таком уж мире живем 🥲

Сохраните себе это видео, чтобы научиться на праздниках чему-нибудь новому!

#урок
🔥22👍6😁21