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

Ville Vivante
Ville Vivante
Сравнение качества жизни, падение метеоритов, глобальная миграция и образование мировых лидеров — представляем вам подборку проектов, которые можно сделать при помощи инструмента визуализации D3.js.

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

OECD’s Better Life Index (personal Remix)

Где лучше всего жить? Визуализация OECD’s Better Life Index позволяет сравнить показатели разных стран, входящих в ОЭСР. Перетаскивая красивые иконки стран, каждая из которых содержит информацию о данной стране, можно быстро и наглядно сравнивать их друг с другом.

Посмотреть визуализацию.

Fireball from Outer Space

Fireball from Outer Space
Fireball from Outer Space

Fireball from Outer Space — это интерактивная визуализация метеоритов, упавших на Землю за последние 100 лет. D3 поддерживает географические проекции, в том числе используемую здесь трехмерную проекцию, что делает его мощным инструментом для картографирования.

Посмотреть визуализацию.

City Streets

City Streets
City Streets

City Streets — это коллекция визуализаций карт популярных городов. Проект был создан с помощью D3.js и TopoJSON, открытых данных с openstreetmaps, и наглядно демонстрирует, как D3 может быть использован для создания детальных карт.

Посмотреть визуализацию.

The incredible rise of migrants’ remittances

The incredible rise of migrants' remittances
The incredible rise of migrants’ remittances

Визуализация The incredible rise of migrants’ remittances рассказывает о глобальной миграции и экономике. На графике показано количество средств, которое мигранты высылают в свои страны, начиная с 1970 года. Кликнув на страну, можно просмотреть дополнительную информацию о ней.

Посмотреть визуализацию.

Close Votes

Close Votes
Close Votes

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

Посмотреть визуализацию.

Canadian Population Pyramids

Canadian Population Pyramids
Canadian Population Pyramids

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

Посмотреть визуализацию.

Ville Vivante

Ville Vivante
Ville Vivante

Ville Vivante — это интерактивная визуализация «цифровых следов», оставленных пользователями мобильных телефонов в Женеве за один день.

Посмотреть визуализацию.

Scientific dashboard

Scientific dashboard
Scientific dashboard

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

Посмотреть визуализацию.

Shooting stars!

Shooting stars!
Shooting stars!

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

Посмотреть визуализацию.

How educated are world leaders?

How educated are world leaders?
How educated are world leaders?

How educated are world leaders? — это последовательность диаграмм, визуализирующих уровень образования мировых лидеров, начиная с 1950 года и до наших дней.

Посмотреть визуализацию.