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

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

Відкрити в Telegram

Алексей Смагин (@BlackPineapple) — о том, как делать ваши графики понятными и красивыми. А в деталях учу этому искусству на курсе «Эстетика в графиках»

Показати більше
4 985
Підписники
+224 години
+297 днів
+30630 день
Архів дописів
Как усилить акцент на падении в конце периода? В комментариях к прошлому графику читатель написал В итоге видно колебание, но
+1
Как усилить акцент на падении в конце периода? В комментариях к прошлому графику читатель написал
В итоге видно колебание, но не видно падение - оно где-то там, сбоку <...>. Для аналитики - топ, для иллюстрации к новости "Шеф, всё пропало, рейтинг падает!" - не особо наглядно.
Готов согласиться, что гротескного падения в моей версии нет. Можно ли усилить сообщение, при этом не так явно манипулируя восприятием, как это сделали Усы? Пожалуй. Нарисовал две экспериментальных версии: 1) Первая — в целом — близка по идее к оригинальной картинке. Но — вы же понимаете, чем она отличается? Напишите в комменты, что видите. 2) Вторая картинка... Наверное, посложнее, но зато ещё меньше искажает восприятие. Важно помнить, что такими приёмами стоит пользоваться осозанно, хорошо понимая, зачем они конкретно вам. Какой вариант понравился больше всего?

Ну что, дорогие читатели — вы заставляете человека работать в отпуске в Рио 😁 График про рейтинг президента вызвал много обс
Ну что, дорогие читатели — вы заставляете человека работать в отпуске в Рио 😁 График про рейтинг президента вызвал много обсуждений, и среди прочего был вопрос «а как же так сделать, чтобы и правила не нарушать, и внимание привлечь?». Мол, скучно же будет, если просто одну линию нарисовать — да ещё и за полный период. Показываю свою версию и рассказываю. Мои советы классические: 1) Важный вывод в заголовке. Сразу настраиваем читателя на идею в графике 2) Сторителлинг. Подписи не только добавляют контекста «что произошло» и облегчают понимание, но и делают его более привлекательным визуально 3) Акценты. Падение подсвечено. Линии сетки, наоборот, максимально убраны и приглушены, поскольку отвлекают от основной идеи. Ну и иллюстрация Пескова — как вишенка на торте. Можно и без неё, это от контекста зависит. Как вам? #разбор

Усы Пескова получают место в зале славы искусных манипуляций Мало того, что столбики нарисовали не от нуля, так ещё и линейны
Усы Пескова получают место в зале славы искусных манипуляций Мало того, что столбики нарисовали не от нуля, так ещё и линейный график сделали по разным временным интервалам, из-за чего складывается ощущение, что долгое время всё было стабильно, а потом ка-а-а-к попёрло! /// Первоисточник, видимо, тут. Но и слепо перерисовывать — тоже так себе идея.

Недавно моя выпускница проводила для быших и ныншених студентов курса нетворкинг-сессию. Болтали про рабочие моменты, способы
Недавно моя выпускница проводила для быших и ныншених студентов курса нетворкинг-сессию. Болтали про рабочие моменты, способы отвлечься и... любимых динозавров. По итогам мы стали кидать в чат мемы с динозаврами, а я решил проверить, как современные генеративные модели справляются с комиксами. ChatGPT со своим новым апдейтом картиночного режима справился так. При такой «лапше» подписи на концах, конечно, не помогут — лучше всё-таки и цвета разграничить. Но для one shot — мощно. 🔥 — если круто вышло

Фон у столбиков — не украшение Увидел в исследовании Сетки распространённую ошибку: к столбикам там добавили фон, но потом эт
+1
Фон у столбиков — не украшение Увидел в исследовании Сетки распространённую ошибку: к столбикам там добавили фон, но потом этот фон обрезали, чтобы сильнее подчеркнуть разницу между значениями. Делать так нельзя. Такой фон обычно означает целое, а столбик — долю внутри него. Если фон обрезан, график начинает путать. Сравните: справа доли показаны корректно. Нужно ли вообще оставлять фон? Мы об этом постоянно дискутируем со студентами моего курса. Многие считают, что такой фон — это ошибка. У меня более острожное мнение: 🔴Важнее сравнить → убираем фон 🔴Важнее показать долю каждого из ответов → оставляем

Как смутить зал своей презентацией Этот слайд мне скинула студентка со словами «Как вам инфографика студии Лебедева?». На воп
Как смутить зал своей презентацией Этот слайд мне скинула студентка со словами «Как вам инфографика студии Лебедева?». На вопрос «а был ли текст» ответила так: «арт-директор студии сказал одно слово — „наверху креаторы“». Вы тоже ничего не поняли? Спикеры часто недооценивают, насколько важны на слайдах заголовок, подписи и единицы измерения. Многие отмахиваются «я это голосом скажу». Но реальность такова — люди не слушают вас внимательно. Поэтому — старайтесь делать слайды так, чтобы понять их можно было без пояснений. Исключения, конечно, могут быть — но это не тот случай. А слайд говорил об этом
После запуска технологии на протяжении нескольких лет соотношение типов ролей в компании почти не изменилось. Другими словами, дизайнеры без работы не остались. :)

Чего не отнять у Куала-Лумпура — так это большого количества разных модных кафешек. Приятно было заметить, что во многих «заи
+1
Чего не отнять у Куала-Лумпура — так это большого количества разных модных кафешек. Приятно было заметить, что во многих «заигрывают» с визуализацией данных — например, здесь на карточке можно увидеть вкусовые параметры выбранного сорта матчи
Silky — шелковистый, бархатистый (про текстуру, «гладкое» ощущение во рту) Nuttiness — ореховость, ореховые ноты Vegetal — овощной, травянистый, иногда зелёный/растительный (как зелёные овощи, стручковая фасоль, шпинат) Umami — умами (реже пишут мясистость, бульонность, савори/пикантная насыщенность) Bitterness — горечь
📍Место называется HULU BLAVK. В комменты скину фулл — а ещё покажу, как матчу «визуализировали» в другом заведении

Никто не скажет, что ты манипулируешь с осями, если осей на графике нет (Не делайте так, пожалуйста) Источник
+1
Никто не скажет, что ты манипулируешь с осями, если осей на графике нет (Не делайте так, пожалуйста) Источник

Ещё один способ искать вдохновение для визуализации ... и он — не поверите — основан на ИИ. Можете выбрать несколько базовых
+1
Ещё один способ искать вдохновение для визуализации ... и он — не поверите — основан на ИИ. Можете выбрать несколько базовых параметров, вводите запрос на любом языке — и вот — кейсы из ggplot2, FlowingData и Datawrapper Data Vis Dispatch у вас в ленте. Тут, например, результаты поиска по запросу «Красивая визуализация финансов» Одобряем? http://mynextchart.com/

Последнее сообщение про курс Традиционно я выкладываю фотографию с чаем в честь закрытия записи на курс. Сегодня я работаю не
Последнее сообщение про курс Традиционно я выкладываю фотографию с чаем в честь закрытия записи на курс. Сегодня я работаю не из «домашнего» офиса, хорошего чая под рукой нет — поэтому в качестве иллюстрации будет стаканчик из Surf. Поэтому — последнее напоминание. Сегодня в 23:59 запись на курс закрывается, ближайшие три месяца мы плотно работаем с пришедшими на него студентами, и попасть на поток будет невозможно. Записаться можно здесь:
https://clck.ru/3RvQ2J
Также оставлю постскриптум по просьбе маркетинговой команды. Мы часто слышим от вас сомнения, что обучение не получится совмещать с работой. И понимаем причину волнений. Распишу, что мы придумали на курсе, чтобы в этом вам помочь: 🔴Лекции в записи. Открываем дозированно каждую неделю, но проходить можно в своём темпе. Дедлайн будет только по итоговому проекту 🔴Каникулы в течение курса. Специально придерживаем новые материалы, чтобы вы успели «нагнать» программу. 🔴Две недели после окончания курса, чтобы сдать все «хвосты», а лекции будут доступны целый год 🔴Возможность продлить обратную связь и доступы на следующий поток за 10% от стоимости курса. Ну, всё! Всем прекрасных выходных, а записавшимся — до встречи!

Шпаргалка для авторов научных журналов Ко мне на курс приходят люди с разным бэкграундом, разными навыками и разными запросам
+9
Шпаргалка для авторов научных журналов Ко мне на курс приходят люди с разным бэкграундом, разными навыками и разными запросами. Для кого-то важнее сторителлинг и эстетика, кто-то разбирается с базовыми навыками визуализации. На одном из потоков у меня была студенткой редактор научного журнала. Её авторы часто присылали в виде иллюстраций абсолютно нечитаемые, ошибочные, запутанные графики; и ей хотелось научиться помогать авторам эти графики исправлять. В своём дипломном проекте она разобрала частые ошибки, которые у авторов встречались, — и предложила варианты их исправления. Наталья не дизайнер, поэтому прошу не судить строго её работу за оформление. Однако рекомендации, которые она написала по итогам курса, выглядят очень здраво, и помогают делать графики в статьях намного лучше. Но нет предела совершенству! Если захотите аккуратно покритиковать некоторые из решений, думаю, это может стать полезным дополнением для новой версии гайда. Вот, что сама она недавно писала в чат выпускников:
Мне очень пригодился мой диплом, я вовсю использую его для работы с авторами статей и их графиками. Правда, наши авторы креативнее меня и я постоянно в поисках решения для очередного их творения.
Если вы тоже хотите разобраться в правилах визуализации, сделать свои графики более читаемыми и понятными, приходите на курс. Завтра уже начинаем курс, так что это последний шанс записаться на 6-й поток: https://clck.ru/3RvQ2J

Вот так, например, можно упростить верхнюю часть графика — про этапы. Ни одной точной цифры — однако в каждом случае мы видим
Вот так, например, можно упростить верхнюю часть графика — про этапы. Ни одной точной цифры — однако в каждом случае мы видим тренд по годам. Также добавил сюда средние значения по воронке и немного сторителлинга. Данные по странам тоже надо перевёрстывать — но этим надо заняться отдельно. Есть желающие?) Ставьте 🔥, если понравилась перевёрстка

Да не нужны вам все эти цифры! Перед тем, как перейти к теме поста — небольшое объявление: разборов в четверг не будет. В это
Да не нужны вам все эти цифры!
Перед тем, как перейти к теме поста — небольшое объявление: разборов в четверг не будет. В этот раз работы прислали 4 человека — к сожалению, этого недостаточно, чтобы нам собираться онлайн. Я ещё подумаю, полезно ли для всех будет разобрать какие-то из работ отдельно в канале, но не могу обещать, что доберусь до всех.
Но вот один из графиков, который прислали в форму, точно хочется разобрать. Одна из проблем начинающих визуализаторов и аналитиков — жадность до цифр. На дашборд и в презентацию они стараются поместить всё, что у них есть. И не спорю: в случае с дашбордами иногда есть необходимость посмотреть на каждую цифру. Однако когда мы делаем инфографику, наша задача — помогать доносить смыслы. Не нужны людям ваши точные значения за шесть лет в трёх срезах. Это путает, отталкивает, снижает интерес к вашей теме, мешает разглядеть то, что важно по-настояшему. Ищите важное. Упрощайте. Один из маркеров, который показывает, что информации слишком много или визуализирована она неверно, с большой долей вероятности являются повторяющиеся паттерны. Исключение — если именно в повторении и была ваша ключевая идея. В этом графике мы именно такой паттерн и видим: три колонки — «подали заявку на участие»; «получили свидетельство» и «переехали» — образуют примерно одинаковый тренд. #разбор

Давать контекст В одном из модулей курса у нас есть задание на отработку сложных видов визуализаций. И для тренировки мы там
Давать контекст В одном из модулей курса у нас есть задание на отработку сложных видов визуализаций. И для тренировки мы там используем датасет с топом Forbes. За пять потоков я много версий повидал, но эта — особенно покорила моё сердце. А всё потому, что её автор добавила на график названия компаний и отраслей, благодаря которым самые богатые люди планеты сколотили своё состояние. Без этих подписей некоторые картинки были набором каких-то непонятных людей. Да, мы знаем Маска, Безоса, Цукерберга. Самые «прошаренные» — слышали про Брина, Балмера, Пейджа. Но дальше начинается белый шум. И это — одна из частых ошибок, которые совершают авторы графиков при визуализации. Датасет про футболистов? Давайте составим топ имён! Про кино? Топ фильмов и топ режиссёров! То, что в результате не получается интересных выводов, а получается лишь набор неизвестных имён, цифр и названий — авторов волнует не всегда. Делая инфографику, добавляйте контекст. Объясняйте, почему это интересно. Иначе зачем это всё? А если хотите, чтобы я разобрал вашу работу, присылайте её в форму и приходите в четверг. Жду ваших графиков — а то разборы придётся перенести 🥺 https://t.me/perfectgraphs/322

Давно мы не делали разборов ваших графиков. Исправим? Присылайте работы, на которые хотели бы получить фидбек в форму до конц
Давно мы не делали разборов ваших графиков. Исправим? Присылайте работы, на которые хотели бы получить фидбек в форму до конца среды. Я разберу их в прямом эфире, укажу на недочёты, посоветую как исправить. Ну или буду восхищаться тем, как круто всё сделано — такое тоже бывает. Эфир проведём в четверг [19 февраля] в 20:00. Даже если нет своих графиков — все равно приходите: обычно на разборах я затрагиваю самую широкую плеяду тем в визуализации данных, показываю и рассказываю, как применять разные приёмы.

last call: сегодня в 20:00 увидимся на лекции «Как сделать график, который впечатлит коллег и поможет бизнесу принимать решения?» онлайн, бесплано. если пропустили — вступайте в этот канал

С чего вы начинаете работу над графиком? Если сразу с выбора типа визуализации — у меня для вас плохие новости. Вы — как и ав
С чего вы начинаете работу над графиком? Если сразу с выбора типа визуализации — у меня для вас плохие новости. Вы — как и автор этой картинки — пропускаете один важный шаг. Завтра на вебинаре я расскажу про пять шагов, из которых состоит работа над графиком, который впечатлит коллег и поможет бизнесу принимать решения Буду ждать вас в среду 11 февраля в 20:00. До встречи! Регистрация на вебинар = подписка на канал.

Зову вас на бесплатную лекцию — «Как сделать график, который впечатлит коллег и поможет бизнесу принимать решения?» Сейчас —
Зову вас на бесплатную лекцию —  «Как сделать график, который впечатлит коллег и поможет бизнесу принимать решения?» Сейчас — тот момент, когда графики делать как никогда просто. Если раньше этим занимались специалисты: рисовали от руки, высчитывали координаты на миллиметровке, использовали трафареты, то сегодня любой может зайти в чат с GPT и сказать:
возьми данные из этого файла и сделай график
Но эта простота — обманчива. Без понимания правил визуализации даже с GPT вы не сможете доносить до коллег и партнёров нужные смыслы и создавать графики, которые будут запоминаться. А будет получаться как на прикреплённой картинке — так, что лучше было и не визуализировать. Как же сделать хороший график? Об этом и поговорим. На лекции я: 1⃣ Опишу 5 шагов к созданию графика, на котором интересно залипнуть и рассматривать в деталях 2⃣ Разберу ошибки, из-за которых графики подталкивают к принятию неверных бизнес-решений 3⃣ Расскажу, как выбрать правильный график, и почему именно его 4⃣ Поделюсь двумя приёмами дата-сторителлинга, которые помогут удержать внимание зрителя и читателя 5⃣ И, конечно, будет много примеров плохой и хорошей инфографики: из бизнеса, науки и СМИ. Регистрируйтесь на вебинар — для этого надо вступить в этот канал.

Надо ли учиться визуализации в эпоху развития нейросетей В последнее время иногда слышу тейк — что, мол, можно больше не учит
Надо ли учиться визуализации в эпоху развития нейросетей В последнее время иногда слышу тейк — что, мол, можно больше не учиться визуализации данных, потому что нейросеть сделает всё за тебя. Этот подход, очевидно, ошибочен — и доказать это очень легко. Если бы нейросети действительно разбирались в том, как делать графики, это могли бы отлично продемонтировать нам их компании-производители. Но — пока мы скорее видим казусы. Так, генеральному директору OpenAI пришлось извиняться за манипуляции с графиками на презентации GPT-5. В ней размеры столбиков зачастую не соответствовали числам, выставляя модель OpenAI лидером даже там, где она им не являлась. Волна кринжа догоняет ChatGPT даже спустя полгода — в твиттере стали постить мемы на тему «что если бы Kimi постила свои отчёты в стиле аналитиков OpenAI». Список ошибок на этом графике напишите сами в комменты 😑 Примечательно, что это прикол — на самом сайте компании таких графиков нет, а даже если бы были, рекламу бы они делали не Kimi, а Claude. Но вот что важно: нейросети не сделают хороший график за вас, но будут полезным инструментом в умелых руках. Например, здесь я показывал как легко собрал график про траты в кругосветке при помощи ChatGPT. А чтобы и ваши руки были умелыми, надо 1) Изучить базовые правила визуализаций: из чего состоят графики, и как правильно использовать их элементы: оси, подписи, заголовки 2) Изучить правила применения графиков — для каких сценариев какие виды визуализаций подходят 3) Изучить приёмы управления вниманием 4) Смотреть много-много хороших примеров Это всё, кстати, мы делаем на курсе «Эстетика в графиках». С такими знаниями и нейросетями можно сделать хорошо. Приходите учиться — до 10 ферваля можно записаться на курс за 33.900 вместо 45.000. А в рассрочку и вовсе 2.825 руб./мес: https://clck.ru/3RfGRx