Дизайн
#подборки

Сделать сложное наглядным: 6 красивых визуализаций данных

Инфографика XIX века, древесный спил американской иммиграции, ковидные эмоции и статистика жертв Второй мировой войны.

Иллюстрация: OlyaSnow для Skillbox Media

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

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

Визуализация данных из XIX века: поход Наполеона до Москвы

Шарль Жозеф Минар был французским инженером и топографом. Он одним из первых применил графические методы представления информации и создавал исторические, экономические и другие тематические карты.

Наиболее известна его картографическая визуализация вторжения Наполеона в Россию в 1812 году. Профессор Йельского университета Эдвард Тафти называет её «лучшим статистическим графиком из когда-либо построенных».

«Carte figurative des pertes successives en hommes de l’Armée française dans la campagne de Russie en 1812–1813», 1869 год. Изображение: Wikimedia Commons

Карту Минара относят к типу «диаграмма Санки» — когда с помощью стрелок и изменения их толщины визуализируют материальные потоки: например сырья, товаров, людей.

У Минара стрелки обозначали передвижение французской армии, её разделения и объединения: коричневая стрелка — движение Наполеона к Москве, чёрная — от Москвы. Толщина стрелок и подписи показывают, как менялась численность армии на разных этапах кампании. Например, сокращение с 50 до 26 тысяч солдат во время перехода через Березину наглядно показано через соотношение толщины линии.

Деталь карты с переходом армии Наполеона через реку Березину. Изображение: Charles-Joseph Minard / BNF Gallica / France’s National Library

Детальнее рассмотреть карту можно здесь. А если вы хотите сделать свою диаграмму Санки, для этого есть несколько сервисов:

  1. Online Sankey Diagram Maker.
  2. Sankey Diagram Generator.

Инфографика-фильм «Павшие во время Второй мировой»

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

Соотношение количества убитых во Второй мировой войне (красный цвет) и в последующих войнах. Кадр: Нейл Халлоран / ru.fallen.io

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

Количество погибших польских солдат во время и после оккупации — около 200 тысяч человек. В польской операции Германия потеряла 16 тысяч военных. Кадр: Neil Halloran / YouTube

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

Погибшие во Второй мировой войне евреи. Больше половины убиты в концентрационных лагерях. Кадр: Neil Halloran / YouTube
Соотношение погибших в странах, оккупированных Германией в начале войны. Кадр: Neil Halloran / YouTube
Соотношение погибших немецких (жёлтый цвет) и советских солдат (красный) в Сталинградской битве. Кадр: Neil Halloran / YouTube

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

Кадр: Neil Halloran / YouTube

Волны иммиграции в США в виде кольцевого спила

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

Круги эмиграции в США в 1790–2016 годы. Проект 2018 года. Изображение: Pedro Cruz / John Wihbey / Avni Ghael / Felipe Shibuya / National Geographic / Northeastern University

Создатели вдохновились природой взросления деревьев и использовали такой же принцип, чтобы отразить статистику иммиграции в США:

У природы есть свои способы организации информации. Это особенно заметно на деревьях, кольца которых рассказывают историю роста. Опираясь на это явление как на визуальную метафору, США можно представить себе как дерево, формы и рост которого сформированы под влиянием иммиграции. Нации — условному дереву — сотни лет, и его клетки состоят из иммигрантов. Со временем клетки образуют десятилетние кольца, которые отражают волны иммиграции.

Педро Крус, Джон Уиби, Авни Гаэль, Фелипе Сибуя,
статья на сайте Северо-Восточного университета в Бостоне

Кольца обозначают десятилетия, а их диаметр показывает растущий объём иммиграции. Цвета обозначают семь крупных культурно-географических групп, представители которых приезжали в Штаты. Вдобавок схема ориентирована по осям север — юг, запад — восток, благодаря чему видно, в каких частях США концентрировались выходцы с определённых направлений. Благодаря этому заметно, что на востоке больше иммигрантов из Европы, а на западе — из Азии.

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

Изображение: Pedro Cruz / John Wihbey / Avni Ghael / Felipe Shibuya / National Geographic / Northeastern University

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

Изображение: Pedro Cruz / John Wihbey / Avni Ghael / Felipe Shibuya / National Geographic / Northeastern University

3D-карта с центрами наибольшей плотности населения

Создатели карты использовали данные Европейской комиссии по плотности заселения и создали 3D-модель с помощью Aerialod.

Изображение: Alasdair Rae / Visual Capitalist

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

Для некоторых центров с наибольшей плотностью населения — Китай, США, Индия — есть отдельные карты. Они поделены на квадраты, которые отображают зоны площадью 1 км². На первый взгляд кажется, что возвышенные участки обозначают небоскрёбы, но на самом деле это количество жителей внутри квадрата.

Наиболее известные заселённые города Китая находятся на побережье: Гонконг, Шанхай, Гуанчжоу. Но и в центральных районах страны есть и другие плотнонаселённые Чэнду и Чунцин. Кроме того, на карте видно, что более 90% китайцев сосредоточены в восточной части страны.

Изображение: Alasdair Rae / Visual Capitalist

Население Индии немногим меньше Китая, но располагается на меньшей территории, поэтому пики плотности покрывают всю территорию страны.

Индия и Бангладеш. Индо-Гангская равнина — один из наиболее населённых регионов на Земле. Изображение: Alasdair Rae / Visual Capitalist

В США наиболее густонаселённый участок — между Бостоном и Вашингтоном, здесь проживают более 50 млн человек. Другие крупные центры распределены по Югу и Среднему Западу. На Западном побережье заселённость неплотная, за исключением Калифорнии и области залива Сан-Франциско.

США. Изображение: Alasdair Rae / Visual Capitalist

Страны с крупнейшими запасами редкоземельных элементов

Редкоземельные элементы (РЗЭ) — это 17 металлов, которые используют в качестве катализаторов и магнитов в производстве специальных металлических сплавов, стекла и высокопроизводительной электроники. Это стратегическое сырьё для сферы высоких технологий.

В этой инфографике визуализированы страны с крупнейшими известными запасами РЗЭ, по данным Геологического общества США (USGS).

Изображение: Visual Capitalist

На графике видно соотношение стран по запасам РЗЭ. Цвета обозначают мировые регионы (Америка, Африка, Европа, Азия, Океания и другие), они могут включать несколько стран. C внутренней стороны круга в тоннах обозначен объём запасов, с внешней — доля от общих запасов в процентах.

Справа внизу расположен ещё один график — объём добычи РЗЭ. Он не всегда соотносится с количеством запасов. Например, Китай лидирует по обоим показателям, а Россия — четвёртая по запасам и седьмая по добыче. Вьетнам и Бразилия занимают второе и третье место по запасам, но добывают их очень мало.

«Вчера, сегодня, завтра»: эмоциональные волны во время пандемии

Канадская государственная служба кинематографии и дизайн-студия Jam3 создали интерактивную визуализацию эмоциональных волн во время пандемии COVID-19.

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

Мы провели интервью с более чем 200 канадцами, чтобы понять, как они говорили о COVID-19 и его влиянии и какие закономерности можно выявить. В итоге мы выделили девять тем: семья, жизнь продолжается, психологическое здоровье, вторая волна, потеря работы, #BLM, финансовая помощь, жизнь в Канаде и новая реальность.

Наконец, мы использовали глобальный набор данных. Загрузили в IBM Watson огромное количество постов из Twitter со всего мира, чтобы выделить основные нити нашей истории.

Дизайн-студия Jam3,
сайт Канадской государственной службы кинематографии

С помощью ИИ-платформы для когнитивных вычислений IBM Watson авторы анализировали 70 тысяч твитов в месяц. Искусственный интеллект считывал ключевые слова и разделил твиты по четырём чувствам: страх, радость, грусть и уверенность. Данные оформлены в виде круговой диаграммы из точек-твитов.

Главный экран проекта. К старту проекта ИИ проанализировал более 600 тысяч твитов. Скриншот: сайт yesterday.nfb

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

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

У диаграммы нет конца, создатели продолжают обрабатывать новые данные. Каждый может добавить свой твит в проект, используя хештег #NFBTomorrow. Это можно сделать и на сайте проекта.

Учись бесплатно:
вебинары по программированию, маркетингу и дизайну.

Участвовать

Курс

Профессия Графический дизайнер

Вы узнаете, как создавать айдентику бренда в вебе и для печати. Научитесь работать в Illustrator, Photoshop, InDesign и Figma. Добавите в портфолио плакаты, логотипы, дизайн мерча и другие сильные проекты. Начнёте карьеру в студии или на фрилансе.

Узнать про курс
Обучение: Профессия Графический дизайнер Узнать больше
Понравилась статья?
Да

Пользуясь нашим сайтом, вы соглашаетесь с тем, что мы используем cookies 🍪

Ссылка скопирована