Самая впечатляющая интерактивная визуализация данных онлайн

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

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

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

Если вы ищете вдохновляющий пример интерактивной визуализации данных, посетите эти веб-сайты.

Веб-сайты с интерактивной визуализацией данных, которые вас вдохновят

Цвета движения

Этот веб-сайт предлагает удивительную возможность визуализации данных. Это позволяет пользователям исследовать использование цветов в кинопостерах. Другими словами, веб-сайт разбивает каждый кадр на цвет. Затем он складывает все цвета вместе, формируя завораживающие диаграммы , представляющие постеры из культовых фильмов . Некоторые из плакатов, которые вы найдете, это «Игры разума» и «Бегущий по лезвию 2049».

После Вавилона

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

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

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

Streamgraph иммиграции в США

История иммиграции в США очень интересна, и этот инструмент визуализации прекрасно ее отображает.

Журналистка Талия Бронштейн создала этот поток, показывающий прибытие иммигрантов в США . С . с 1820 по 2015 год . Благодаря потрясающим визуализациям, информация сразу бросается в глаза. Вы узнаете, что во время Второй мировой войны иммиграция в США была практически нулевой. Также стало очевидным, что до войны люди приезжали в основном из Австрии, Венгрии, Италии и России. Однако к концу 2000-х большинство иммигрантов прибыли из Южной Америки и Азии.

Неравенство чернокожих учеников в государственных школах округа Пинеллас

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

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

Расследование было проведено Tampa Bay Times на основе информации, собранной Департаментом образования Флориды.

Эволюция доверия

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

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

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

wpDataTables может сделать это таким образом. Есть веская причина, по которой это плагин WordPress №1 для создания адаптивных таблиц и диаграмм.

И очень легко сделать что-то вроде этого:

1. Вы предоставляете данные таблицы
2. Настройте и настройте его
3. Опубликовать в посте или на странице

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

«Да, но я просто слишком люблю Excel, а на веб-сайтах ничего подобного нет». Да, есть. Вы можете использовать условное форматирование, как в Excel или Google Sheets.

Я говорил вам, что вы тоже можете создавать диаграммы с вашими данными? И это только малая часть. Есть много других функций для вас.

Гендерный разрыв в оплате труда — США

Наш список интерактивных визуализаций данных не может обойти стороной эту тему. На основании данных Бюро трудовой статистики США Дэвид МакКэндлесс и его команда представляют эту диаграмму.

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

Веб-сайт МакКэндлесса отображает эту информацию в простой визуализации. Таким образом, он показывает разницу между профессиями и разрыв в оплате труда между полами .

Ископаемое топливо

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

Дело не только в том, что выбросы CO2 вызывают изменение климата, но и в том, что тенденции показывают, что они будут продолжать увеличиваться. Информация говорит сама за себя , принося ценные идеи . Например, мы можем заметить небольшой, но устойчивый рост после промышленной революции и более резкий изгиб к 2100 году.

Самый большой словарный запас в хип-хопе

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

Все началось с того, что Мэтт Дэниелс заявил, что литературные круги любят цитировать Шекспира, хотя он использует всего 28 829 слов. Затем он предположил, что знает более 100 000 слов.

Таким образом, Дэниелсу и его команде удалось создать интерактивную визуализацию данных, представляющих США, где страна образована лицами хип-хоп-музыкантов. Другими словами, интерактивные данные сравнивают количество слов у разных исполнителей хип -хопа . Для честного сравнения команда рассмотрела только первые 35 000 текстов. Таких артистов, как Jay-Z, можно сравнить с менее плодовитыми артистами, такими как Дрейк.

Ознакомьтесь с «Самым большим словарным запасом в хип-хопе», чтобы увидеть настоящую модель повествования на основе данных.

Как изменилось население штатов

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

Карта вышек сотовой связи мира

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

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

Карта основана на OpenCelliD, крупнейшей базе данных вышек сотовой связи.

Обозреватель вирусов

Как следует из названия, на этом веб-сайте представлены интерактивные визуализации вирусов. Таким образом, пользователи изучают и исследуют образцы с помощью 3D-моделей . Большой плюс - возможность просматривать их в разных размерах.

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

Пройти через Суэцкий канал

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

Публичная библиотека NYPL

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

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

Спутники на орбите Земли

Изучите эту интерактивную визуализацию данных, основанную на данных, собранных Союзом обеспокоенных ученых. Этот график, созданный Тимом Фернхольцем и Дэвидом Янофски , отображает визуализацию 1300 спутников, вращающихся вокруг Земли . Найдите множество данных, таких как путь, регион, вес и какие спутники предоставляют услуги GPS или интернета.

Интерактивная карта пробок Берлина в реальном времени

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

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

В общем, это отличный пример полезной интерактивной визуализации.

Как изменились хиты Billboard

Вот отличный инструмент визуализации для меломанов. Программное обеспечение позволяет пользователям каждую неделю просматривать лучшие песни Billboard за 60 лет (с 1960 по 2019 год). У пользователей есть возможность исследовать музыкальные хиты на протяжении всей истории, пока они слушают музыку.

Трекер вакцинации от COVID-19

Ознакомьтесь с этим трекером вакцинации от COVID-19, который охватывает разные страны и все штаты США. Данные показывают людей, получивших хотя бы одну дозу вакцины. Это один из лучших инструментов для отслеживания прогресса в борьбе с коронавирусом с помощью простых визуализаций.

Данные были получены из проекта Оксфордского университета под названием «Наш мир в данных». Пользователи могут увидеть средний показатель вакцинации за семь дней и определить процент вакцинированного населения .

Демография других

На этих графиках, основанных на опросе американского сообщества 2016 года, представлены демографические данные в Соединенных Штатах. Натан Яу отвечает за этот проект. Он заявил, что эта сложная история данных учит нас нашим различиям и сходствам с другими.

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

Селфи – наука о селфи

Вот еще одно интересное исследование, которое идет прямо к корням нашего века. Анализируя селфи из Москвы, Берлина, Бангкока, Нью-Йорка и Сан-Паулу, проекту удалось создать интерактивную визуализацию данных.

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

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

Что на самом деле согревает мир?

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

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

Страница небоскреба

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

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

Как эволюционировал музыкальный вкус

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

«Как эволюционировали музыкальные вкусы» позволяет пользователям заглянуть в прошлое. Они найдут мелодии, которые занимали первое место в Billboard Hot 100 с 1958 по 2015 год. Взаимодействие очень увлекательно, потому что графики движутся по мере того, как вы просматриваете годы и ощущаете изменения в музыкальных вкусах людей.

На этой диаграмме у нас есть наглядный пример убедительного повествования на основе данных.

Гравитационные волны

Астрономам понравится этот проект, основанный на интерактивной визуализации гравитационных волн. Gravitational Waves был создан для Science News и может похвастаться информативным и минималистичным дизайном.

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

Миротворец

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

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

Уличные деревья Нью-Йорка

Основываясь на информации из NYC Open Data, NYC Street Trees показывает большое разнообразие деревьев, которые вы можете найти в Большом Яблоке. В пяти районах (Манхэттен, Квинс, Статен-Айленд, Бруклин и Бронкс) произрастает более 67 гениальных деревьев .

Каждое предстоящее солнечное затмение (до 2080 г.)

Солнечные затмения — прекрасное событие как для профессиональных астрономов, так и для любителей. Солнечное затмение, которое произошло в 2017 году, например, было первым за почти столетие, прошедшим от побережья к побережью США.

После этого события Washington Post построила интерактивный глобус визуализации, показывающий траектории будущих затмений, за исключением 2028 года.

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

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

Навигатор ПБДБ

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

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

Индекс Биг Мака

The Economist популяризировал то, что известно как «индекс Биг Мака». Здесь они сравнивают цены на это блюдо в разных юрисдикциях. Но почему The Economist выбрал именно этот продукт?

Это специальное предложение McDonald's представляет собой несколько факторов, которые стоит учитывать. Сюда входят входные затраты из различных секторов экономики (труд, сельскохозяйственные товары, арендная плата, затраты на недвижимость и реклама). В соответствии с этим Биг Мак является стандартизированным продуктом , по которому можно измерить экономику страны .

Когда вы войдете в Big Mac Index, вы увидите функцию визуализации, которая показывает, находятся ли валюты на «правильном» уровне. Эксперты анализируют это в соответствии с «теорией паритета покупательной способности», которая гласит, что обменные курсы должны двигаться, чтобы сбалансировать идентичную корзину продуктов питания и услуг в долгосрочной перспективе. В этом случае The Economist считает Биг Мак надежным индикатором.

Нехудожественные книги, которые должен прочитать каждый

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

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

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

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

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

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

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

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

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