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

А в деталях учу этому искусству на курсе «Эстетика в графиках»
Download Telegram
Шпаргалка для авторов научных журналов

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

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

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

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

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

Вот, что сама она недавно писала в чат выпускников:
Мне очень пригодился мой диплом, я вовсю использую его для работы с авторами статей и их графиками. Правда, наши авторы креативнее меня и я постоянно в поисках решения для очередного их творения.
🔥266👍2👌1💊1
Ещё один способ искать вдохновение для визуализации

... и он — не поверите — основан на ИИ. Можете выбрать несколько базовых параметров, вводите запрос на любом языке — и вот — кейсы из ggplot2, FlowingData и Datawrapper Data Vis Dispatch у вас в ленте.

Тут, например, результаты поиска по запросу «Красивая визуализация финансов»

Одобряем?

https://mynextchart.com/
❤‍🔥186🤔2
Никто не скажет, что ты манипулируешь с осями, если осей на графике нет

(Не делайте так, пожалуйста)

Источник
😁64🐳6🔥4💯2😎1
Чего не отнять у Куала-Лумпура — так это большого количества разных модных кафешек.

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

Silky — шелковистый, бархатистый (про текстуру, «гладкое» ощущение во рту)
Nuttiness — ореховость, ореховые ноты
Vegetal — овощной, травянистый, иногда зелёный/растительный (как зелёные овощи, стручковая фасоль, шпинат)
Umami — умами (реже пишут мясистость, бульонность, савори/пикантная насыщенность)
Bitterness — горечь


📍Место называется HULU BLAVK.

В комменты скину фулл — а ещё покажу, как матчу «визуализировали» в другом заведении
12
Как смутить зал своей презентацией

Этот слайд мне скинула студентка со словами «Как вам инфографика студии Лебедева?». На вопрос «а был ли текст» ответила так:

«арт-директор студии сказал одно слово — „наверху креаторы“».

Вы тоже ничего не поняли?

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

Но реальность такова — люди не слушают вас внимательно.

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

Исключения, конечно, могут быть — но это не тот случай.

А слайд говорил об этом
После запуска технологии на протяжении нескольких лет соотношение типов ролей в компании почти не изменилось. Другими словами, дизайнеры без работы не остались. :)
👍15💯123👏3
Фон у столбиков — не украшение

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

Делать так нельзя.

Такой фон обычно означает целое, а столбик — долю внутри него. Если фон обрезан, график начинает путать. Сравните: справа доли показаны корректно.

Нужно ли вообще оставлять фон?

Мы об этом постоянно дискутируем со студентами моего курса. Многие считают, что такой фон — это ошибка.

У меня более острожное мнение:
🔴Важнее сравнить → убираем фон
🔴Важнее показать долю каждого из ответов → оставляем
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
💯2218👏1🙏1
Недавно моя выпускница проводила для быших и ныншених студентов курса нетворкинг-сессию. Болтали про рабочие моменты, способы отвлечься и... любимых динозавров.

По итогам мы стали кидать в чат мемы с динозаврами, а я решил проверить, как современные генеративные модели справляются с комиксами.

ChatGPT со своим новым апдейтом картиночного режима справился так.

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

🔥 — если круто вышло
🔥36😁94👍2🥱1
Усы Пескова получают место в зале славы искусных манипуляций

Мало того, что столбики нарисовали не от нуля, так ещё и линейный график сделали по разным временным интервалам, из-за чего складывается ощущение, что долгое время всё было стабильно, а потом ка-а-а-к попёрло!

///

Первоисточник, видимо, тут. Но и слепо перерисовывать — тоже так себе идея.
😁4011💯4🍌2
Ну что, дорогие читатели — вы заставляете автора канала работать в отпуске в Рио 😁

График про рейтинг президента вызвал много обсуждений, и среди прочего был вопрос «а как же так сделать, чтобы и правила не нарушать, и внимание привлечь?». Мол, скучно же будет, если просто одну линию нарисовать — да ещё и за полный период.

Показываю свою версию и рассказываю. Мои советы классические:
1) Важный вывод в заголовке. Сразу настраиваем читателя на идею в графике
2) Сторителлинг. Подписи не только добавляют контекста «что произошло» и облегчают понимание, но и делают его более привлекательным визуально
3) Акценты. Падение подсвечено. Линии сетки, наоборот, максимально убраны и приглушены, поскольку отвлекают от основной идеи.

Ну и иллюстрация Пескова — как вишенка на торте. Можно и без неё, это от контекста зависит. Как вам?

#разбор
32🔥25😁9❤‍🔥5🥴2
Как усилить акцент на падении в конце периода?

В комментариях к прошлому графику читатель написал
В итоге видно колебание, но не видно падение - оно где-то там, сбоку <...>. Для аналитики - топ, для иллюстрации к новости "Шеф, всё пропало, рейтинг падает!" - не особо наглядно.


Готов согласиться, что гротескного падения в моей версии нет. Можно ли усилить сообщение, при этом не так явно манипулируя восприятием, как это сделали Усы?

Пожалуй. Нарисовал две экспериментальных версии:

1) Первая — в целом — близка по идее к оригинальной картинке. Но — вы же понимаете, чем она отличается? Напишите в комменты, что видите.

2) Вторая картинка... Наверное, посложнее, но зато ещё меньше искажает восприятие.

Важно помнить, что такими приёмами стоит пользоваться осозанно, хорошо понимая, зачем они конкретно вам.

Какой вариант понравился больше всего?
27👍13🔥9
This media is not supported in your browser
VIEW IN TELEGRAM
Новый поток моего курса по визуализации данных — теперь с ИИ!

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

Сразу скажу: он будет другим! Прямо сейчас я обновляю курс.

Главных изменений будет два:

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

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

База курса остаётся прежней, поэтому в результате вы не просто будете жать кнопочки в нейросети, но и:

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

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

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

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

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

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

Посмотреть отзывы и подробности, а также записаться на курс можно тут.

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

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

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


Старт курса — 1 августа
📅 Длительность — 3 месяца

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

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

Ещё раз — ссылка.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥169👍3
Шишки, которые можно набить во время визуализации с нейросетями

У Reuters Institute for the Study of Journalism при University of Oxford вышел классный текст о том, как один человек за неделю собрал большой дата-дашборд с помощью ИИ.

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

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

Нейросеть не заменяет редактора, аналитика и дизайнера. Она просто резко ускоряет тех, кто понимает, что хочет получить.

В качестве кейса — одна из иллюстраций проекта: первую картинку агент построил сам, вторую — доработал уже автор.



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

Записаться с максимальной скидкой:
https://clck.ru/3UbbeG
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
16👍5🔥4😍3