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

А в деталях учу этому искусству на курсе «Эстетика в графиках»
Download Telegram
Были ещё ответы, что проценты — это часть от целого, и нельзя визуализировать их кругами. Это не так.

Проценты бывают разные — в некоторых случаях они являются частью одного целого, а в некоторых — разных целых (как тут).

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

Четыре дня двухчасовых сессий после основной работы, с одной стороны — тяжёлое испытание, а с другой — большая радость.

Меня очень вдохновляет, какие невероятные студенты собрались на курсе, и какие крутые идеи они показывают

Уже совсем скоро будем показывать вам результаты ☺️
🔥198👍1
График ключевой ставки в интернете стал мемом

В одном видео увидел шутку: «Раскрыта реальная причина повышения ключевой ставки: Центробанк рисует кота». Заинтересовался и стал искать картинку: оказалось, что над этим графиком уже немало поиронизировали.

Этот феномен наглядно демонстрирует силу визуальных метафор. Примечательно, что график с котом не только веселит, но и помогает легко запомнить, как изменялась ставка. Версии с Gravity Defied и Поросёнком просто смешные, но на запоминание образа не работают никак.

В данном случае важно, что такой график опубликовали не РБК и не Центробанк — это просто не соответствовало бы их стилю и тону коммуникаций.
😁395👍2😢1
Как вернуть любимые сырки при помощи физикализации данных

Активно сейчас ищу кейсы, которые наглядно доказывают, как визуализация помогает в реальной жизни. Как говорится, искал медь, а нашёл золото 😄

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

Коллега в одном из чатиков озучил предложение:
«А есть вариант уменьшить количество соевых сырков и увеличить количество сырков со сгущенкой?
Статистика показывает, что любителей соевых на порядок меньше (см фото)»


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

Пока в чате завязалась дискуссия, из которой мы выяснили, что соевых сырков и так кладут мало.
Но кто знает — может, именно эта статистика станет решающей в битве за сгущёнку ⚔️
28😁10🥰5😢1
Нашёл прикольный инструмент для подбора цветов

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

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

Интересно, хоть результаты и не всегда отличные

https://color-buddy.netlify.app/
🔥2310❤‍🔥2
Открываю предзапись на третий поток моего курса по визуализации данных «Эстетика в графиках»

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

В результате курса вы:

🟢 Научитесь делать визуализации, которые будут сразу понятны коллегам и начальству. Вопросов «а что тут имелось ввиду» станет кратно меньше;

🟢 Поймёте, как выстраивать из графиков историю;

🟢 Получите профессиональное преимущество, ведь любой заказчик любит, когда «красивенько»;

🟢 Овладеете инструментами визуализации данных: Tableau, Flourish, Figma и другими;

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

Вот несколько примеров итоговых проектов:
раз, два, три, четыре

❗️По предзаписи — самые большие скидки, тариф с обратной связью стоит 24 900 вместо 35 000 руб.

Вы можете оплатить полную стоимость, а можете забронировать место и цену. Чтобы забронировать место и скидку, нужно внести предоплату — 1000₽.

Предзапись будет открыта до 11 ноября включительно. Есть рассрочка на срок до 12 месяцев, по ней ваша переплата — 0 руб.


В этот раз есть серьезные ограничения по количеству участников — на тариф с обратной связью («Мастер джедай») есть только 35 мест, где лично я буду проверять ваши работы и учить датавиз-мышлению.

Посмотреть программу, отзывы и подробности, а также записаться можно тут: https://clck.ru/3ER9o4

С теми, кто запишется на курс, свяжется мой коллега Олег @Oleggiios. Если будут вопросы по программе или формату, тоже пишите ему.
Please open Telegram to view this post
VIEW IN TELEGRAM
13❤‍🔥6🔥4
Следите за числами!

Одна из самых распространённых ошибок в визуализации данных — это несоответствие чисел самой визуализации

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

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

Аудитория этот косяк, скорее всего, не заметит (хотя в датавиз-чате этот слайд мы уже обсудили 🌚), но есть большой риск, что разницу между значениями воспримет не так, как вам бы хотелось.
👍14😁54
Media is too big
VIEW IN TELEGRAM
Зачем учиться визуализировать данные? На этот вопрос ответит наша студентка Олеся Кандаурова. Вот, к слову, её чудесная дипломная работа — про космос.

Выделю из её текста несколько интересных моментов, а полный тёплый отзыв можно посмотреть в видео!

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

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


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

Было очень круто в этом учебном процессе вариться. <...> На курсе люди разные: есть и программисты, и инженеры, и вообще менеджеры. Очень здорово видеть, как достаточно сложные инструменты, программы типа Figma, Tableau, люди с таким энтузиазмом изучают и используют. Это не может тебя тоже не вдохновлять и не мотивировать сделать классную работу!


#отзыв
10❤‍🔥4🔥3😱1
Лучше всего о курсе рассказывают наши студенты. Потихоньку собираем комментарии, которые они оставили нам в форме обратной связи

Я таю, когда читаю такое 💔

Лекции без воды, примеры классных виузализаций и чуткая обратная связь — всё здесь:

https://clck.ru/3EWrx4
🔥145❤‍🔥3
Несколько простых шагов, которые заставят график из вашего отчёта выглядеть по-новому:

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

Сразу пишите главное. Если из вашего графика надо что-то понять, напишите об этом сразу. Так никому не придётся догадываться.

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

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

#разбор
16👍3
Быстрый фикс силами Tableau

Что сделал:
* Вынес ключевую мысль в заголовок;
* Разделил долю и абсолюты, чтобы не создавать неправильные ассоциации;
* Все подписи категорий расположил у данных;
* Сократил число подписей — оставил только последнее значение и максимум у доли

Столбики можно было бы и оставить — но, к сожалению, в Tableau так не получилось бы красиво совместить оси у верхнего и нижнего графика. Если закинуть в графический редактор — можно быстро это подправить.

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

До конца предзаписи осталось 7 часов, в 23:59 возможность попасть на курс со скидкой 25% закончится. Напоминаю, что вы можете забронировать место и стоимость — для этого нужно внести 1 000 рублей
:

https://clck.ru/3EXDSC
🔥83👍1
Графики на завтрак, обед и ужин

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

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

«Аналитики создавали графики очень часто, но занимались ими в самом конце, когда на визуализацию уже не хватало сил и времени», — говорит Майк. Его новые коллеги понимали, что графики, которые выдаёт Excel, плохи, но не знали, что с этим делать.

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

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

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

Хотелось бы, чтобы руководство вашего города делало такие графики — ставьте 🔥
А в комментариях можно поделиться плохими графиками от органов власти, если видели такие 👀
🔥167