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

А в деталях учу этому искусству на курсе «Эстетика в графиках»
Download Telegram
Сохранял когда-то ещё такой приём у South China Morning Post

Столбики, построены от нуля. Но за счёт отсчечки есть акцент на верхушке, и разницу проще сравнивать.

Подойдёт не всегда, но использовать — можно.
🔥76👍1
#отзыв

Уже скоро мы откроем основную запись на второй поток курса, а пока — хочу поделиться отзывом Екатерины Леонтьевой.
Меня в нём особенно греет то, что курс оказался полезнее менторской программы международного датавиз-сообщества 🥰

Я решила пройти курс «Эстетика в графиках», чтобы улучшить навыки в сторителлинге с помощью данных. Как фронтенд-разработчик, я имею опыт в визуализации данных, но хотелось расширить свои знания в этой области.

Так получилось, что одновременно с курсом я попала на менторскую программу от DVS, но через некоторое время ее забросила, чтобы сфокусироваться на курсе Алексея, потому что он для меня был более полезным. Информация хорошо структурирована, много заданий на отработку материала.

Мои эмоции от прохождения курса были положительными и вдохновляющими. Хотя тема визуализации данных мне интересна, поначалу я была настроена скептически, т.к. мне казалось, что сейчас можно все что угодно сделать с помощью готовых инструментов типа Datawrapper, Flourish, Tableau, а тем более, с помощью программирования, но когда пошла практика я очень быстро убедилась, что это не так, потому что Алексей показывал интересные приемы, которые не всегда доступны по умолчанию. Плюс в течение курса пришлось задействовать все свои дизайнерские навыки на полную мощность и много работать в Figma, чем обычно заниматься не приходится, что добавило новые аспекты в мою профессиональную практику.

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

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


P.S. пайчарт в стиле Ван Гога я сюда поставил неслучайно, а потому что Катя на курсе делала дипломную работу, посвящённую художнику

P.S.S. а неплохо нейросети могут в визуальные метафоры, да?
🔥113
Что отвечать на вопрос «А когда будет готово?» (и при чём тут графики)

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

Ожидание: короткие — по оценке — задачи делаются быстрее, а длинные — дольше.
Реальность: какие-то задачи делаются быстрее, а какие-то дольше, но это никак не связано с изначальной оценкой затраченного времени 🤔

Автор собрал все задачи, получившие разную оценку сложности. Для каждого типа задач он построил графики с распределением времени, которое они реально съедают и увидел, что эти распределения практически совпадают.

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

Получается, такая система не помогает дать точный ответ на «А когда будет готово». Значит, нужно искать другую.

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

Если у вас есть проблема и есть данные, связанные с ней, — попробуйте разобраться с этим с помощью графиков.
18😁1
Готовясь к завтрашнему вебинару про понятные и эстетичные графики, решил изучить отчёты ЦБ за много лет.

Надо сказать, в 2011 году годовые отчёты ЦБ уже выглядели достаточно стилёво!

Но есть кое-что, что отличает график из отчёта 2011 года от аналогичного графика из отчёта 2022 года.

Как вы думаете, что это? Пишите свои догадки в комментарии 👇

А я расскажу свою версию на лекции завтра в 19:00. Регистрируйтесь, если вы ещё не:
https://clck.ru/3CC3Ue
6👍3🤔2
Стоит ли переживать за глобальное потепление

В 2015 году журнал National Review опубликовал график со средней ежегодной температурой в мире. В публикации был такой заголовок: «Единственный график глобального потепления, который вы должны увидеть».

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

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

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

Это пример из книги How Charts Lie Альберто Кайро. Некоторые графики обманывают нас только потому, что в них допущены ошибки визуализации.

Про другие ошибки, которые запутывают читателя и искажают информацию на визуализациях, подробно говорим на курсе «Эстетика в графиках».

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

Курс доступен по ссылке:

https://clck.ru/3CLRGr
14👍7🙏2
В ходе курса каждый студент получает какой-то свой набор навыков. Иногда преображения не радикальные, но очень важные.

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

Что поменялось здесь?
* График получил осмысленную сортировку. Теперь намного проще понять, какие виды знакомств преобладают в 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