Сделай это красиво

Две работы из челленджа, которые показывают, в чью сторону смещался тоговый баланс России и Китая. Какая нравится вам больше?

🔥 — за столбики
❤️ — за Scatter Plot (кружочки)

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

➡️ https://clck.ru/3NtA8A

[Среда, 27 августа, 20:00] Говорим про эффективную визуализацию данных на примере работ челленджа

Визуализировать торговые отношения России и Китая попробовали 28 человек! Среди тех, кто указал свои контакты, мы разыграли книжи по визуализации данных.

@nesterenkojul @anmiss08 @acro_coach поздравляю! С вами скоро свяжется мой коллега, чтобы договориться, как получить приз.

Работы участников я разберу в прямом эфире в эту среду в 20:00! Получился отличный материал, чтобы разобрать:

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

Зову послушать всех из вас — даже если в конкурсе вы не участвовали. Будет интересно и полезно 🔥

Запись эфира будем делать, но советую прийти лично — чтобы точно услышать разбор своей работы и задать интересующие вопросы.

В конце недели в этом канале я также выложу работы всех участников.

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

Подробности и программа:
https://clck.ru/3NqhkP

Обожаю наше комьюнити! На челлендж уже прислали целую пачку работ, все очень разные и по-своему крутые 🔥

Будет, что разобрать, о чём поговорить, и что взять себе на вооружение.

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

https://t.me/perfectgraphs/257

ПРАКТИКА-ПРАКТИКА-ПРАКТИКА!

Объявляю челлендж для всех любителей визуализации данных! Я собрал и почистил помесячные данные UN Comtrade Database о торговле между Китаем и Россией. Скачать датасет можно тут.

Ваша задача — изучить данные, найти в них интересные инсайты и визуализировать любым доступным вам способом: от Google Таблиц до d3.js.

Работы принимаются до воскресенья (24 августа) включительно. Присылать в форму — комментарии отключаю намеренно 😈, чтобы вы не палили свои решения другим.

С вопросами можно ко мне — @BlackPineapple

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

А ещё! Трём случайным участникам челленджа мы на выбор подарим книжку:
— Графики, которые убеждают всех
— Данные: визуализируй, расскажи, используй. Сторителлинг в аналитике
— Графики лгут. Как стать информационно грамотным человеком в мире данных?

🙋Я совсем-совсем не умею в графики. Как мне поучаствовать?
На уроках информатики эксель открывали почти все — можно попробовать снова вспомнить этот опыт. Или нарисовать решение на бумаге.

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

Запись на пятый поток «Эстетики в графиках» — открыта 🔥

Если вам мало постов в канале, и вы хотите погрузиться в тему визуализации данных глубже, это объявление для вас: я открываю набор на пятый поток своего курса!

Слева — стандартные визуализации из Google Sheets с ошибками; справа — сложный график с элементами дата-сторителлинга. Это кейс преображения одной из наших выпускниц последнего потока.

Пройду этот путь с вами на новом потоке, который начнётся 6 сентября!

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

В результате обучения вы:

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

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

🟡Изучите разные инструменты визуализации данных — Tableau, Flourish, Figma — и поймёте, в каких случаях их стоит использовать;

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

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

раз, два, три, четыре, больше по тегу #работы_студентов@data_csv

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

❗️Сейчас — самые большие скидки, тариф с обратной связью стоит 24.900 вместо 35.000 руб.

Вы можете оплатить полную стоимость, а можете только забронировать место и цену за 1000₽. Для этого при оплате нужно нажать кнопку «Частичная оплата»

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

⏰ Старт — 6 сентября
⏳ Длительность — 3 месяца

Если будут вопросы по программе, формату или способу оплаты, пишите моему коллеге Олегу @Oleggiios — он всё расскажет!

Образцовая визуализация «на двоечку» от Банка России

Мало того, что в пончик положили данные, которые не складываются в 100%, так ещё и использовали манипулятивную его версию, где число кодируют одновременно размером и углом.

Удивительно, но примеры таких пончиков и пайчартов часто сейчас встречаются в презентациях и отчётах. Даже если вам кажется, что это красиво, использовать их не стоит: так большие числа кажутся нам больше, а маленькие — меньше, чем они есть на самом деле.

P.S. Коллеги обратили внимание, что размер долек ничего не кодирует — он просто для красоты. Тем хуже!

Пайчарты — не для сравнения

В начале месяца выступил на классном мероприятии — Kimpact Design Awards 2025, премии и конференции для дизайнеров презентаций. Ребята, кто подписался оттуда — вам привет 👋

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

Что с этим слайдом «не так»:
Данные даны за два года, и наш мозг начинает напрягаться, чтобы их сопоставить.

Но визуализация сравнить их никак не помогает! Чтобы понять, что изменилось, придётся выверять глазами каждое число. Это — плохо.

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

🔗Пайчарт нельзя использовать для сравнений. Исключение только одно — если разницу видно ОЧЕНЬ ярко.

Как поправить:
➡️ Использовать другой вид графика. Например, сгруппированные столбики, bullet chart, столбики с засечками или slope graph.

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

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

https://coolors.co/contrast-checker/1d5825-312112

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

#разбор

Новый сервис для создания анимированных графиков и презентаций

Анимированные соревнования хорошо привлекают внимание в соцсетях, поэтому иногда полезно знать, как сделать такие видео быстро и без глубокого знания специализированных программ вроде After Effects.

Наше комьюнити для этой задачи часто использует Flourish, но есть и другие варианты. Знакомьтесь с AlienArt!

Помимо функционала, который даёт собственно Flourish (различные гонки столбиков и линий), тут можно делать анимированные карты-хороплеты, а также сравнительные списки и таблички, где одни карточки сменяют другие. Например, так сделали видео, как меняйлся Майкл Джексон от года к году.

Сервис условно-бесплатный, но придётся мириться с водяным знаком. Или платить:
https://alienart.io/

Пост-знакомство

За последние месяцы тут появилось много новых людей, которые хотят круче научиться делать графики. Рад вас видеть!

Коротко напомню вам, что тут происходит. Меня зовут Алексей Смагин, я 8 лет занимаюсь инфографикой и дата-сторителлингом. Регулярно преподаю в вузах — читал свои курсы и вёл занятия в МГУ, ВШЭ, Нетологии. Делал инфографику и исследования для Яндекса, Т—Ж, РБК и других крупных СМИ.

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

Что полезного можно тут почитать:
🔴Почему «красивая» инфографика — не всегда хорошая инфографика.
🔴Самая частая ошибка дизайнеров на слайдах.
🔴Зачем редактировать стандартные подписи на графиках — наглядно.
🔴Как визуальные образы влияют на аудиторию, и причём тут графики.
🔴Используете двойные оси? Не стоит, и вот — почему.

Ну и конечно — гайд «5 фатальных ошибок в графиках, которые подрывают доверие к вашему анализу»: с разборами, картинками и объяснениями.

Много полезного можно найти по хештегу #разбор, а вдохновиться работами моих студентов по хештегу #работы_студентов@data_csv

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

Новый поток мы анонсируем совсем скоро (он всё-таки начнётся в сентябре), а пока можно записаться в лист ожидания — напомним вам и дадим самые большие скидки.

Сделай это красиво pinned a photo

ГАЙД: 5 фатальных ошибок в графиках,
которые подрывают доверие к вашему анализу

Наверняка, у многих аналитиков такое было: сидишь две недели, разбираешься с десятком колонок в таблице, сражаешься с неконсистентными данными. Делаешь большую, сложную работу, требующую мозгов и профессионализма.

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

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

Но вместо этого — шквал вопросов. Иногда глупых. А иногда — хуже: люди смотрят на твой отчёт и приходят к выводу, который полностью противоречит твоему.

Почему так происходит?

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

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

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

» Скачать гайд

Я решил пойти нестандартным путём.

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

Когда данные по времени разбросаны вот так хаотично — лучше работают точки или засечки.

В своём варианте я сгруппировал точки по элементам, чтобы удобно было сравнивать значения по годам. Сделал акцент на разнице между 2005 годом и последующими — но при желании можно поменять палитру и усилить различие между точками.

Рядом — значит, вместе: как работает близость в инфографике

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

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

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

Сравнить медь и свинец? Легко. А вот свинец в 2005 и 2019 году? Удачи. Соотнести цвета в легенде с колонками — тоже тот ещё квест.

Решение простое: группировать столбики по году, а не по элементу. Тогда зритель будет сравнивать то, что нужно — и без визуального флирта с соседним баром ↓↓↓

#разбор

Не мудрить

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

Студенты скинули в чат потока график от РБК как раз с такой проблемой. Дизайнер зачем-то решил, что на легенде нужно обозначить 2024 год. А как обозначить — неясно, ведь на графике такой сущности нет, есть только прирост.

Чаще всего в таких ситуациях легенда не нужна вообще, а все смыслы можно передать одними лишь подписями. Моя версия справа.

P.S. не ручаюсь, что преступления фиксировало именно МВД, но лучше без пассивного залога

Размер имеет значение

Один из важных параметров, определяющих выбор и оформление графика — это размеры изображения.

Если у вас разворот газеты — это один набор приёмов, если «плиточка на дашборде» — другой, если экран мобильника — третий.

В этом материале — яркий пример графика, где дизайнер, как мне кажется, не учёл особенности потребления информации.

Почему? Заголовок предполагает, что мы должны наглядно увидеть, как снижается оценка в зависимости от года.

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

Значит, визуально сравнить, где были оценки более 8 и ниже 5 — не получится.

Как поправить? Сделать график, помещающийся в один экран. Например, сократить количество групп оценок или сделать Stacked Bar Chart.

Совет дня: Не пиши зависимость X от Y, пиши «чем больше Y, тем меньше X»

Я часто повторяю это и своим студентам, когда проверяю их графики: есть есть очевидная зависимость, лучше прописать её явно.

Недавно на примере убедился, почему это важно. Увидел на фейсбуке этот график с подписью

«Видели статистику на картинке? Это если вы канал в Телеграмме ведете. Насколько я понял зависимость простая - чем больше постов, тем лучше 🙂 Но это не точно...
Я так вам скажу - пишу много, т.к. есть бизнесы и погружен в работу. Материала масса, иногда даже слишком много. Фактура подкидывается операционкой каждый день. Вот и весь секрет счастья 🙂 Ну или надо делать новостной канал, где не нужно придумывать контент...»

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

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

И тогда — возможно — вас поймут. Но и это не точно 🙈