Сравнение качества жизни, падение метеоритов, глобальная миграция и как сделать проекты визуализации образование мировых лидеров — представляем вам подборку проектов, которые можно сделать при помощи инструмента визуализации 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 SpaceFireball from Outer Space

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

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

City Streets

City StreetsCity Streets

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

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

The incredible rise of migrants’ remittances

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

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

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

Close Votes

Close VotesClose Votes

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

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

Canadian Population Pyramids

Canadian Population PyramidsCanadian Population Pyramids

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

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

Ville Vivante

Ville VivanteVille Vivante

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

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

Scientific dashboard

Scientific dashboardScientific 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 года и до наших дней.

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



Рекомендуем посмотреть ещё:


Закрыть ... [X]

Мы создаём 3d визуализации для проектов по редевелопменту Хризантема из ленты своими руками мастер класс

Как сделать проекты визуализации 10 оригинальных визуальных проектов, сделанных с помощью
Как сделать проекты визуализации Визуализация данных #5: как сделать проект для портфолио
Как сделать проекты визуализации Программы для визуализации интерьеров или как создать
Как сделать проекты визуализации Программы для визуализации проектов и 3D-визуализации
Как сделать проекты визуализации 3d визуализаця для архитекторов Студия архитектурной
Как сделать проекты визуализации Визуализация 3D проектов, моделирование объектов 3D, 3d
Как сделать проекты визуализации Хорошая архитектурная визуализация (новый проект)