Rose debug info
---------------

Подборки работ по визуализации данных

Примеры, которые мне понравились или показались важными
основной блог | канал в телеграмме

Большая подборка за весну 2021

Одним графиком

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

Графики про коронавирус в UK. Очень круто обыграны масштабы осей для двух регионов с наибольшим количеством заболеваний.

 

Простой, но приятный график от Ната Яу про то, что процент разводов в браке падает по мере увеличения дохода супругов.

 

Разница в необходимых и предоставленных инвестициях в инфраструктуру США.

 

Визуализация места гибели на доске разных шахматных фигур.

 

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

 

График кол-ва разводов и среднего возраста вступления в брак по старанам.

 

Кластеризация научных статей по  тематикам и дате публикации

 

Что говорят про экономику республиканцы и демократы при смене власти. Очень подтверждает, что все мнения больше эмоциональные и предвзятые =)

 

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

 
 

Карты

Астрологи объявили сезон карт, очень много классных в этот раз

Исследование насыщенности европейских городов заведениями общепита. На гифке модель распределения заведений общественного питания в Большом Париже.

Распространение почтовых отделений в США с 1789 по 1888. Death Stranding просто =)

Изменение освещенности в ночной период в Азии с 1992 по 2019 год

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

 

Занимательнейшая карта подводных кабелей.

Связи между странами по их границам.

 

Эмоджи карта США на манер лиц Чернова.

Активность водного транспорта в Нидерландах

 

Как на западе видят Россию =)

 

Карта расселения апостолов после смерти Христа

 

Табло Паблик

Опять считай нет хороших дашбордов =( 

Саша Варламов опять делает залипательнейшую красоту — все реки США.

 

Все игры Манчестер Юнайтед в 20/21 сезоне

 

Экранное время персонажей сериала The Wire. Не хватило только как-то ещё сводного бар-чарта, чтобы был легендой =(

 

Ничего не понятно! Но от этого как-то красиво =)

Возраст президентов США

Простой, но очень аккуратный санкей

Сравнение двух месяцев до и во время пандемии.

 

Ремейк работы NYT

 

Про использование «зеленой» энергии в Европе.

Анимации

Изменение профиля температуры над Альпами в течение нескольких суток (10-13 апреля 2021).

 

Сравнение кол-ва абонентов стационарных телефонов и мобильных по годам.

Объем и тип земель задекларированные депутатами.

 

Светлячки, снятые на длинной выдержке

 

Интерактив и логнирды

Как всегда самые красивые работы — работы больших медиа

Ремейк карты похода Наполеона по тематике звёздных войн. Кайф =)

Блокировка Суэйкцого канала. А вот игра, где можно потренироваться провести через него корабль (у меня полчилось только с третей попытки).

 

Cкролителлинг про неравенство доходов населения в различных районах Англии.

 

Портрет Парижа через кластеры фотографий

 

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

 

Интерактивный симулятор замкнутой экосистемы. Осторожно залипалово.

 

История приобретений стартапов крупными игроками. Простое, но очень интересное визуальное повествование. А ещё кайфовые спарклайны над заголовком статьи.

 

Крутой проект от Pudding про размер вокабуляра у реперов. Свой ктсати можно проверить тут.

 

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

Скроллителинг про базовые ML алгоритмы предсказания результата на примере вина.
https://pudding.cool/2021/03/wine-model/
 

Два логнирда про использования названий оттенков кожи в парфюмерии и про цвет кожи моделей до и после протестов в США
https://qz.com/1971689/fashion-brands-arent-keeping-their-instagram-diversity-promises/

 

Soviet style инфографика
В этот раз как-то собралась и такая подборка =)
Милая инфографика про масштабы времени

 

Жизнь вождя

 

Пробивной график на похоронах вождя

 

Схема голубиной почты

 

Зависимость повреждений от расстояния эпицентра взрыва

 

Бумажный «секвенсер» композитора саундртерка Соляриса. Выглядит огонь. Особенно если вчитаться в названия инструментов — шопот, хрустальный бокал, хрустальные стержни…

Большая подборка за зиму 2021

Собрал работы, которые запомнились мне этой зимой. И ещё составил список подборок лучших работ за 2020-ый.

Визуализация общение внутри династии Тюдоров.

Королевские семьи Европы

Периодическая таблица РФ

 
Где живёт половина людей, а где 99%. Классно показывает распределение и «пустые» земли.

Индекс Оливье по регионам страны

 
Как превратить обычный чек в полезную визуализацию расходов и видов покупаемой пищи:

 
Аналитическая платформа для фермеров

Визуализация Атлантического кодекса Леонардо Да Винчи

StoryPrint для сценариев фильмов и сериалов от Дисней

BI-система Bissantz

Инструмент для урбанистики от Morphocode

Пасхалка от инженеров NASA в узоре парашюта марсохода.

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

Интерактивный учебник по теории вероятностей и статистике.

Миграция из Калифорнии

Изменение в голосах избирателей

Подборка подборок и топов за 2020

Подборка от Натан Яу
Работы NYT
Выбор редакции Pudding
Подборка от Насти Кузнецовой 
Wall Street Journal
Работы премии Moscow DataViz Awards
Bloomberg
Reuters
Моя подборка лучших работ с Табло Паблик
Подборка лучших карт по версии британского Ordnance survey
Подборка подборок, гигантский список =)

Лучшие работы с Табло Паблик 2020

Просмотрел все Viz of the Day и работы авторов за которыми слежу за 2020 год. Выбрал те, которые понравились больше всего и собрал в подборку.

Лонгирды и инофрграфика

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

Понравилось визуальное оформление с яркими акцентами.

Простая и классная подача с аккуратным оформлением.

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

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

Очень классная работа — графики похожи на вид из иллюминатора самолёта. Да, они не дают удобной точной оценки (автор это понимает и ещё показывает бар-чарты по ховеру), но зато отлично отражают «Цвет» страны при взгляды с высоты.

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

Хорошее применение анимации для сторителлинга.

Саша Варламов творит красоту и безумство. =)

Простое, но аккуратное использование санкея.

Очень интересно сравнивать разные страны, огонь. Подписал бы ещё только ось времени.

Работа похожая на предыдущую и тоже очень увлекательная. Классная типографика.

 

Карты

Простая, но аккуратная карта в стиле Joy Division, красиво.

Карта национальности населения в Далласе. Просто, но красиво.

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

Похожую работу видели по улицам Москвы.

Довольна знаменитая карта землетрясений, проявляющая тектонические плиты, теперь и в Табло.

Карта освещения земли, тоже довольно известный формат.

Дашборды
Очень крутая работа с классным интерфейсом.

Дашборд по анализу Табло Паблик, кайф, можно поискать интересных авторов. Себя тоже можно найти. =)

Примеры применения UTF-символов.

Пример когда сложная визуализация хорошо решает конкретную бизнесовую задачу.

Больше технический, чем практический пример. Прикольная реализация переключалки темной темы.

Трибьют Гепмайндера.

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

Аналогичный пример заморочено, но очень много лишнего.

Технический пример реализации иерархичного фильтра.

Подборка дашбордов от компании Linpack.

Как визуализировать одни и те же данные в разных форматах.

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

Вдохновляющие видео

Недавно меня позвали провести лекцию для студентов-аналитиков из ВШЭ. Я поставил себе цель показать, что визуализация данных — это интересная и важная область для аналитика. Рассказал о том зачем нужна визуализация, какая она бывает, в чем её можно создавать, какие есть отличия в инструментах и показал небольшое демо в Табло. Получилось хорошее видео, если визуализация данных для вас — совсем новая область. трансляции в VK:

Если же вы уже работаете с визуализаций и все эти основы — скучно. Рекомендую вот эти видео. Они невероятно вдохновляют на то, чтобы изучать визуализацию данных.

Ганс Розлинг

Ганс Розлинг с помощью визуализации показывает, что наши убеждения не соответствуют статистике. Это самое крутое видео, которое можно посмотреть про визуализацию, потрясающая подача. Захватывает как хорошее кино.

Тафти и другие специалисты из области

Короткое вдохновляющиевидео от мэтра о том, что такое визуализация данных

Девид МакКендлес

Выступление автора Information is Beautiful на TED.

Fallen

Интерактивная работа про вторую мировую войну. Потрясающее эмоциональная и аккуратная работа, которая не оставляет равнодушным.

Большая подборка за осень

Не успевал собирать подборки регулярно — была насыщенная осень. Решил собрать всё, что запомнилось за последние пару месяцев.

Налоговая квитанция в Австралии

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

Как меняются поисковые запросы перед выборами

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

Подробное описание как сделан проект — https://observablehq.com/@fil/how-we-made-waves-of-interest

Как звучит карта мира

Очень милый проект, в котором автор рисует карты с помощью нотного редактора. Можно послушать как звучат разные карты — довольно музыкально!

4 работы про цвета

Цвета комиксов автора Jean Giraud. Очень аккуратная и красивая работа.

52 года LEGO по кол-ву цветов в наборах.

Цвета автомобилей по годам в Польше по дате производства

Анализ цвета в живописи с 1800 по 2000 годы по 94 526 картин.

Карта Германии с соц. показателями

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

Вспомнилась старая статья из Washington Post. Там тоже делали похожее сравнение, а ещё была прикольная фотка со спутника, где видно насколько разное освещение в Берлине по границе Берлинской стены.

Анализ частоты использования слов

Анализ частоты использования слов в журнале Scientific American. Супер красивая с эстетической стороны работа.

Сколько стоит жилье в России?

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

Частота новых случаев COVID-19

Визуализация в которой при каждом новом случае заражения в стране раздается звонок.

Я делал похожий проект по разным событиям — http://revealthedata.com/examples/frequency/
Вдохновлялся тут — https://xkcd.com/1331/

Новые случаи COVID-19 и запросы про потерю обоняния

В этой работе от Яндекса очень крутая идея — забавно как можно косвенными путями проверять статистику.

3 Простых хитмапа

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

Сложность пароля

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

Переплата по кредиту

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

Ответы на сообщения на сайте знакомств

В строках — возраст того, кто отвечает на сообщение, в столбцах — того, кто прислал. В ячейке — процент ответов на это сообщение. В этот раз цветом показаны не сами значения в ячейке, а превышение относительно процента ответов для всех возрастов (столбец с синими цифрами правее от хитмапа). У мужчин образуется два аномальных кластера: мужчины 25-30 лет часто отвечают дамам за 40, а мужчины старше 30 отвечают двадцатилетним девушкам. А вот девушки чаще всего отвечают именно мужчинам своего возраста.

Вместо вывода

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

NYT «You Draw It»

Увидел пример в канале про журналистику данных пример, вспомнил ещё о похожих примерах.

Очень люблю такие визуализации, где тебе предлагают сначала «нарисовать» данные, а потом показывают ответ. У NYT самые классные реализации (если не открывается и показывает paywall, то помогает перейти в режим инкогнито для каждой статьи).

Смерти от наркотиков

Социально-экономические показатели во время президентства Обамы

Как доход семьи влияет на образование детей в институте

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

IronViz 2020

Табло выложили работы, поданные на IronViz — конкурс по визуализации от Табло. В этом году тема конкурса — здравоохранение.

В конкурсе, кстати, разрешено участие только если ты гражданин страны из определенного списка. России в этом списке нет, вот такой толерантный западный мир. =)

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

Про время и день недели рождения детей

  
  

Про проказу в Индии

 
 

Про здравоохранение по странами

Про деньги и масштабы

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

Как одним графиком рассказать историю

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

Сначала он показывает и подписывает две точки: наш доход и состояние Джеффа Безоса. Наш доход округляет до нуля, в таких масштабах это, наверное, правда. =)

Потом добавляет точки богатых людей, известно же, что футболисты — очень богатые люди:

Потом добавляет Стивена Спилберга, Джоан Роулинг и Дональда Трампа. Оказывается их состояние также сильно ближе к нашему, чем к состоянию Безоса:

И последним добавляет состояние Илона Маска и других владельцев IT гигантов. И даже их состояние оказывается ближе к нашему, чем к Безосу:

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

Шиииииирокий лонгрид

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

Сначала автор вводит масштаб:

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

Работа спекулятивна и «очерняет» Безоса сравнивая его состояние с лекарствами для больных и т. п. Кажется, что это манипуляция. Но сам приём сравнения и сторителлинга в этой работе интересный и какие-то идеи можно взять на вооружение.

Видеоинфографика в ТикТоке

Такие же сравнения состояний делают и в ТикТоке с помощью Майнкрафт! А что, это тоже инфографика!

 

Или делают обвинительные видео в сторону Цукербега, сравнивая его пожертвования на борьбу с ковидом и его состояние.

 

Тоже самое, но без манипуляции

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

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

Интерактивные объяснялки

Кирилл Беляев скинул мне чумовую работу про свет. Я вспомнил, про еще несколько работ в этом жанре с собрал их в этой подборке.

Как работает свет

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

Больше всего понравилась вот эта часть про отражения света разного порядка:

И про то, как комбинируются цвета:

Как работает машинное обучение

Это потрясающая работа, которая с помощью скролителлинга и графиков объясняет как работает машинное обучение. Проект довольно старый, но у него выходят новые части. Самое классное в нём как частица данных переходит от визуализации к визуализации при скроллинге. Еще мне нравится название команды r2d3, по-моему оригинально )) Остальные работы у этой творческой пары тоже в этом ключе и очень хорошо сделаны. Если ищите вдохновения по этому жанру, то рекомендую.

Как работает парадокс дней рождений

Этот забавный математический факт часто используют преподаватели в ВУЗах. В этой объяснялке от Pudding наглядно показывается как это работает. В целом, этот классный пример направленный именно на неподготовленного слушателя, здесь хорошо подглядеть как объяснять сложные темы обычным читателям. И ещё классно, что в результате читатель видеть как ответили другие и работает ли парадокс дней рождений.

Ранее Ctrl + ↓