⚡️⚡️⚡️ Начали, подключайтесь

Энди Кирк обновил свой каталог инструментов. Действительно добавлено много новых и улучшена рубрикация.

https://visualisingdata.com/resources/

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

Ссылки:
— Запись стрима (качество такое отдает сам телеграм 😔)
— Мой дашбордик, чтобы поиграться с количеством точек
— Статья про COVID-19 из Economist
#ссылка

📚Недавно для книжного магазина БММ сделала подборку книг по визуализации. Не все осталось в наличии, но тут то, что точно можно ухватить:
- «Графики лгут. Как стать информационно грамотным человеком в мире данных?» от Альберто Кайро. Это одна из моих любимых книг про графики и как они нас обманывают, а некоторые этим пользуются.
- «Визуализация данных. Полный и исчерпывающий курс для начинающих» от Тамары Манценр. Прямо такая полноценная книга про все самое важное в визуализации. У нее еще есть классные записи лекций на ютубе.
- «Как лгать при помощи статистики» от Даррена Хаффа. Хорошо идет вместе с Кайро про обманывающие графики, потому что все идет от цифр.

И не про датавиз, но полезное в связке про данные «Думай медленно... решай быстро» Канемана и «Чёрный лебедь» Талеба.

До 1 сентября по промокоду DATAVIS можно получить скидку -10%, а еще и при регистрации будет действовать -25% и они суммируются.

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

https://journal.tinkoff.ru/team/statistics-editor/

#дружескаяреклама

Мой коллега по пристрастию к датавизу сделал онлайн-приложение «My life in weeks», где можно, введя свою дату рождения, сгенерить себе лаконичный постер-визуализацию, сколько ещё осталось недель, если планируете дожить до 90. Очень такой убедительный постер, да. Можно скачать, напечатать и повесить и поплакать. А если не вводить дату, то можно скачать пустой бланк и раскрасить самостоятельно цветными карандашами.

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

🏋️ Как изящно визуализировать разницу между двумя показателями?

Традиционный excel-style – выбрать сгруппированную столбчатую диаграмму (grouped bar chart). Столбчатые диаграммы могут быть не всегда идеальным вариантом визуализации данных, особенно когда у вас есть значения, которые очень близки друг к другу, то становится очень сложно визуализировать разницу между столбцами.

Точечный график это одна из моих любимых альтернатив сгруппированной столбчатой диаграмме. Точечные графики предложил Уильям Кливленд (Cleveland W.), один из пионеров исследований в области визуализации данных. Точечный график использует точки, соответствующие значениям данных, иногда соединяемые линиями или стрелками.

Разновидность точечного графика – диаграмма гантелей (dumbbell chart) или иногда называемой диаграммой разрыва (gap chart), можно также встретить название "диаграмма ДНК" (в силу похожести на спираль ДНК). Диаграмма гантелей – точечная диаграмма, в которой две точки соединены линией, что означает изменение (размах, диапазон, разницу) между двумя точками данных для каждого измерения. Точки данных соответствуют одной оси, а группы – другой, которые не обязательно должны быть упорядочены определенным образом, хотя сортировка может значительно улучшить восприятие визуализации.

👉 Процесс извлечения данных из PDF и код на R для создания графика по ссылке.

#R #dumbbell_chart #dot_plot

Weekly Charts 📈

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

1. Разумеется любой выбор диапазона шкалы Y, длительности времени (шкала X) и пропорций графика несёт в себе субъективный компонент и акцентирует внимание на разных ответах. То есть для разных вопросов, будут разные настройки. И чисто теоретически можно придумать какой-то сценарий, при котором настройки у графика Коммерсанта идеальные для получения нужного ответа. Проблема именно в этом "чисто теоретически". Потому чтобы придумать этот сценарий нужно сильно постараться.

2. Как мы уже говорили в одном из недавних постов, линейные графики очень многослойные, и могут передавать много информации. Первый слой — общее впечатление о характере изменения показателя и выраженности этих изменений. Грубо говоря, показатель вырос/снизился? Это значительное изменение? Мы с Ромой Буниным всё это подробно как раз обсуждали в последнем стриме, и я приводил похожие примеры. Следующий слой — детали этих изменений, экстремумы, возможность посмотреть каким был показатель в каждый момент времени и так далее. Что даёт нам Коммерсант? Что за последние 4 месяца курс евро к рублю вырос, но не так значительно. В каком-то смысле даже есть ощущение, что он почти остается на месте. Субъективно это считывается, как "изменения незначительны".

3. На это работают и расширенный до 200 диапазон шкалы Y, который будет "уплощать" любые изменения. (А если сделать 400 или 1000, изменений и вовсе не будет, только вот какой в этом смысл?), и выбор сделать график только от апреля, лишая читателей контекста, который бы и помог сказать, "а много это или мало", "а как было раньше". Потому что летом 2022 года курс был менее 60. И более того — это единый тренд, который на большем промежутке времени лучше виден.

4. График от Гугла возможно тоже не оптимален. Чтобы точнее понимать контекст, его можно было сделать от нуля, хотя и сейчас это не ошибка (об этом чуть позже). Но важно понять, что график от Гугла — автоматический, в его создании не участвовало сознание человека и не пыталось сделать его более наглядным, понятным и соответствующим контексту. Потому что если бы пыталось, наверное захватило бы и начало 2022 года.

5. И юмор ситуации здесь в том, что автоматический график от Гугла передаёт субъективный (экспертный) компонент информации о курсе значительно лучше и точнее, чем ручной от Коммерсанта, который делает всё, чтобы критически снизить степень изменений курса с помощью манипуляций со шкалами.

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

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

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

Я была бы не я, если бы что-то не попыталась быстренько нарисовать :) Размер — число подписчиков, вертикальная линия — число опубликованных картинок, горизонтальная — число ссылок. Глядя на Рациональные и Настеньку понимаю, что мне ещё работать и работать :)

https://t.me/data_csv
https://t.me/rationalnumbers
https://t.me/chartomojka
https://t.me/revealthedata
https://t.me/data_publication
https://t.me/designing_numbers
https://t.me/nastengraph
https://t.me/novichkovnet
https://t.me/datavizcomics
https://t.me/visualize_it
https://t.me/dataviznews

Начиная с версии 2023 Microsoft Excel поддерживает Stories

#friday #humor

🤬 Cool-modern-dashboard подгорания пост
Давно хотел написать, тема лежит в запланированных уже года два, но тут недавно встретил статью, которую шарят в каналах по дизайну, и решил, что не стоит откладывать.

Проблема
Дизайнеры мало погружаются в тему визуализации данных и поэтому, когда им нужно сделать интерфейс с графиками, применяют те же правила, что используют и для дизайна сайтов. Это приводит к парадоксу: аналитики и BI-разработчики, которые ищут как улучшить внешний вид своих дашбордов ищут что-то формата «dashboard design» и попадают, например, на такую страничку (картинка выше). А там «красота»: скругления, плавные линии, бар-чарты не от нуля, 50 оттенков одного цвета, много плашечек и тенюшечек.

Аналитики смотрят на это и думают: ну раз дизайнеры так делают, то и мне стоит делать так же 🙈 В итоге мы имеем целую плеяду «красивых» дашбордов, которые несут мало ценности или ими неудобно пользоваться.

Статья-триггер
А вот и статья, которая триггернула меня написать пост: «Как нарисовать красивый график или диаграмму». Само слово «красивые» уже насторожило =) Подсвечу две основные ошибки:

Скругление углов и добавление градиентов
«Так как в современном дизайне повсеместно используются элементы со скруглённым углами, то же самое стоит использовать и для оформления инфографики.»

Вот поясняющая статья про скругления: почему так не стоит делать. Градиенты просто лишние, создают ощущение, что метрика как-то от чего-то зависит или меняется.

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

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

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

К чему я это всё
Моя задачу не обидеть кого-то или сказать, что дизайнеры не умеет делать работу. Просто надо знать, что информационный дизайн и визуализация данных — это отдельные навыки. Проблема в том, что такие ошибки легко подхватываются и становятся трендом. Посмотрите как много ошибок можно найти на Tableau Public по запросу «modern dashboard design» или в статье «8 самых популярных дашбордов», и даже делаются специальные сервисы, чтобы получать шаблоны таких «красивых» дизайнов в Power BI и т.п.

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

Хороший дизайна визуализации данных от дизайнеров
— FX-pro
— Skybonds
— Секьюридж

Ну и напоследок: хороший канал «UX-notes» Антона Григорьева про дизайн, который слышит обратную связь и ссылка на рубрику «Переверстка».
#ссылка

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

#датавизприемы

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

В табло еще немного неудобные легенды (они занимают одинаковое расстояние под каждый квадратик с текстом вне зависимости от его длины), есть отличный лайфхак от Ромы Бунина, как делать адаптивную легенду.