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

А в деталях учу этому искусству на курсе «Эстетика в графиках»
Download Telegram
В ходе курса каждый студент получает какой-то свой набор навыков. Иногда преображения не радикальные, но очень важные.

Вот, к примеру, сравнение работ Константина Амозова — в начале и в конце курса.

Что поменялось здесь?
* График получил осмысленную сортировку. Теперь намного проще понять, какие виды знакомств преобладают в 2017 году, и что с ними было в 1995;
* Начал работать принцип близости — теперь не надо гадать, сколько процентов американцев знакомятся в церкви: цифры подписаны рядом со столбиками;
* Есть осмысленный заголовок: мы можем сделать вывод, даже не смотря на сам график;
* Корректно подписаны единицы измерения;
* Удобно подписаны годы

Что ещё заметно лично мне — очень крутая прокачка стиля. Работы Константина стали минималистично-аккуратными, но при этом — притягательно-красивыми.

Напоминалка: Сегодня в 23:59 закрываю скидки на курс. С 8 по 9 августа записаться можно будет только по полной стоимости, 10 августа стартует поток.

Если надумали, жмите ссылку, переходите на сайт и присоединяйтесь:
https://clck.ru/3CMVZH

#работы_студентов
❤‍🔥14👍61
Вышла третья часть рубрики «одураченные статистикой», которую я веду на Т—Ж. В этом материале рассказал про пайчарты: манипуляции, связанные с трёхмерностью, сложением разных целых и легендарный «петушиный гребень».

https://journal.tinkoff.ru/stat-manipulation-pie/

Предыдущие статьи из цикла:
Первая, вторая
🔥144👍2💅1
Читателей Т—Ж опросили, какими видами спорта они занимаются, и нарисовали симпатичную картинку.

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

https://journal.tinkoff.ru/opros-pro-sport-rez/
22👍2🤬2
Коротко о том, почему важно делать на графике горизональные подписи

Сижу сейчас на защитах проектов по визуализации данных, и немного похихикал с того, как моя коллега рассматривала график студента.

Это очень естественная реакция на такой график. Мы привыкли читать буквы слева направо, и чтобы понять повёрнутый текст, приходится вот так вот наклонять голову.

Удивительно, что создатели графиков об этом часто не думают 😄
Но подумайте вы!
😁29💯10
Пишу очередной материал о манипуляциях со статистикой и нашёл просто чудовищный график у РБК

Видите ошибку здесь?
😨26🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
Наткнулся в инстаграме на видео Максима Ильяхова, в котором он, судя по всему, советует использовать Step Line Chart вместо столбиков.
В комментариях Максиму уже высказали много всякого, и я тут поддержу комментаторов: это чушь.

🔴То, о чём рассказывает Максим, — это известный принцип Data-ink ratio: график тем эффективнее решает задачу, чем больше чернил потрачено на визуализацию информации, а не дополнительные украшательства. С некоторыми оговорками этот принцип верен, и я сам его пропагандирую, в том числе и в этом канале.

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

🔴Допустим, из видео вырезали оговорку про непрерывные данные. Всегда ли для них надо использовать линии / степы вместо баров? Тоже нет. Надо учитывать нюансы.

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

Если задача графика — показать не столько динамику, сколько разницу между точками, столбики могут быть более чем уместны.

🔴 Иногда бывает так, что линия просто хуже смотрится композиционно. Если ситуация позволяет построить столбики — странно ей в этом случае не воспользоваться.

🔴Тезис в конце вообще не выдерживает критики. «Когда у тебя есть на слайде одна чисто нарисованная линия, у тебя к ней тянется всё внимание».

А если есть один ряд столбиков, внимание к нему тянуться не будет?
Please open Telegram to view this post
VIEW IN TELEGRAM
💯24👍74
Не люблю, когда к графикам относятся просто как картинке 😒

Посмотрите на два изображения и подумайте: есть ли разница в восприятии?
Что считывается на первом? О чём говорит второй?
19🙈4👍3
Важно не перегибать с эмоциями

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

В 2020 году, в сезон активного горения Австралии, художник Anthony Hearsey сделал карту, на которую нанёс все точки, где пожары происходили в течение месяца.

Благодаря своей красоте и реалистичности, карта быстро стала виральной: её стали постить у себя блогеры и знаменитости. Эта же реалистичность сыграла злую шутку: при отсутствии каких-либо подписей пользователи думали, что это та часть Астралии, что горит ПРЯМО СЕЙЧАС.

Хотя и подписи не всегда помогают. Люди не очень привыкли внимательно читать 😄
20🤔5👍3
Как ещё, если не столбиками?

Изучал проект Urbi Atlas о том, как застроены разные города, и из каких материалов в них делают дома.

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

Несколько причин, почему это здесь работает:
1. Очень простые данные. Их мало, и они контрастные — разница между самыми большими и самым маленькими выбросами очень хорошо видна
2. Все материалы обозначены разными буквами. Большая удача! Наверное, если бы было две буквы A, было бы не так круто
3. Вижу здесь какую-то отсылку к таблице Менделеева. Не всё можно органично обозначить одной буквой, но как будто к таким сущностям — материалам — вопросов меньше

https://atlas.urbi.ae/high-expectations/

Кстати, в четверг в 20:00 проведём стрим об этом проекте с автором работы в канале @data_csv
🔥15💊3👍2🥴21
Увидел недавно инфографику в канале, посвящённом инфобизнесу. Смелый ход, и сделано в целом стильно! Но можно лучше 👀

К чему у меня тут вопросы:
🔴Непонятные оси. Эмоции — это вверх или вправо?
🔴Лже-противопоставление: в таком виде график похож на смесь Opposite Diagram и Radar Diagram, и эмоции противопоставляются результатам. Стрелочки бы убрать
🔴А вообще — куда понятнее было бы просто использовать 4 ряда столбиков!
Это создаст куда меньше визуальных искажений.

Тем не менее, в комментариях автора благодарят за понятное объяснение! И работает эта серия карточек благодаря двум приёмам дата-сторителлинга, которые вам стоит взять себе на вооружение:

🔴Поэтапное повествование. Вся история разбита на несколько картинок, на каждой из которых объясняется одна маленькая деталь, а основа остаётся прежней. Это позволяет не перегружать читателей
🔴Цветовые акценты. На каждый карточке выделена именно та фраза, на которую стоит обратить внимание.

Навело на мысли, как вы могли бы использовать эти приёмы у себя на работе?
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
12🔥9
О роли подписей в визуализации данных

Ключик к понятному графику — это текст. Помните об этом, когда будете делать свою следующую визуализацию.

Если вы не обозначаете единицы измерения, не добавляете подписи (кроме очевидных — вроде года), большой риск, что вас не поймут.

Например, как вам такой график? Быстро разобрались, что к чему?
Если разобрались, как думаете, чего тут не хватило?
🤔13👌3
Сейчас у меня на курсе «Эстетика в графиках» самый интересный этап — студенты работают над своими дипломными проектами.

В маленьких группках все делятся своими успехами, и одна из студенток — Ольга Хлопкова — показала свои наброски.

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

Как вы думаете, о чём будет эта работа?)
❤‍🔥2716💊1