3 заметки с тегом

Один график

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

 

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

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

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

Путешествия и карты

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

История путешествия беженцев

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

Это работа Federica Fragapane и Alex Piacentini, посвящённая историям шести беженцев, которые, которые бежали из своей страны в Италию в 2016 году в поисках лучшей жизни. Начинается работа с овервью маршрутов каждого из шести беженцев и краткого описания проекта.

 

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

Грубо, что-то такое:

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

 

Ещё я бы убрал легенду транспорта и просто рядом с маршрутом рисовал бы иконки транспорта. Очень грубо:

 

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

 

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

Мореходные пути Английского флота

Это работа Егора Ларина и Саши Варламова. В работе есть, что прокачать по верстке и графически, но для меня она больше про «Табло может как угодно». Классно, что в BI инструменте можно сделать нужную стилистику и «кометы».

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

Хенд-мейд карты

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

 Нет комментариев    1073   4 мес   Дата-арт   Карты   Один график   Сторителлинг

Один статичный график

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

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

Карта Москвы с раскраской улиц по типу
Леша Тихонов сделал простую и при этом мега интересную и крутую визуализацию. Это улицы Москвы по типу: улица, переулок, тупик и т. п. Это супер интересно рассматривать и близко каждому, кто живет в столице.

Андрей Кармацкий и его команда тоже поделились подобной работой:

Индекс счастья

Классное оформление, показывает, что в Табло тоже можно делать красиво. За счет джиттеринга точки равномерно распределены по столбцам, это создает приятную визуальную картинку. Ещё здесь супер ОК то, что нед точных подписей на оси Y, так как сам индекс как раз важен просто в разрезе много/мало, а не точных значений.

Россия на фоне других стран

 

Итоги
Даже простые графики могут быть супер интересными. Мне кажется, что это и есть самые интересные типы визуализаций и здесь супер важным становится графическое оформление, сама идея и тип подобранного графика. Ещё на этих графиках много данных — это не суммарный условный бар-чарт, а каждая частица данных на плоскости. Это круто повышает интерес и контекст для читателя.

 Нет комментариев    155   5 мес   Лаконичность   Один график   Примеры   Статика