Тема: Примеры визуализации 2
Примеры инфографики со всего мира — из всех областей бизнеса и науки, из самых интересных источников. Графики, визуализации, целые проекты. Листайте и наслаждайтесь. А так же — присылайте нам все, чем хотелось бы поделиться. Будем рады.
Визуализация «Отчета о доступности сервисов и данных Google»
Недавно стали известны победители конкурса на лучшую визуализацию отчета о доступности сервисов и данных Google. В своем отчете Google раскрывает огромное количество обращений владельцев авторских прав и правительств разных стран с просьбой удалить информацию с их сервисов. Организаторы конкурса Visualizing.org и его участники – дизайнеры и креативные разработчики – с помощью этого отчета стремятся расширить и углубить понимание открытости интернета.
Среди фантастических проектов, представленных на конкурс, судьи выбрали те из них, которые наилучшим образом смогли передать суть многосложности данных, удивили инновациями в подходе и дизайне, а также убедили зрителя продолжать исследование. Вы можете познакомиться со всеми работами в онлайн-галерее на сайте организаторов. А пока — представляем вам победителей, которые смогли справиться с этой задачей лучше остальных.
Первое место — браузер по запросам на удаление контента от цифровых инноваторов Frontwise. Судьи оценили красивый дизайн и обширную функциональность проекта, которая помогает легко выявить шаблоны и тенденции. Возможность упорядочить визуализацию по временному отрезку, по набору данных, владельцу авторских прав и целевым доменам делает представленные данные опрятными и простыми для понимания.
Второе место за отчет о доступности сервисов и данных по странам занял Саймон Шульц. Его проект был единственным, который посвящен детальному анализу данных по странам. Судьи считают, что этот проект представил важную точку зрения, и может стать отличным дополнением к самому отчету.
Призма Феликса Гонда заняла третье место за свою структуру – разбивка данных по стране происхождения, причинам обращения и продуктам Google – и подвижную интерактивность, которая позволяет легко исследовать и сравнивать данные. Судьи также оценили креативность решения и изысканный дизайн.
Авторы, желающие попробовать свои силы в очередном проекте Visualizing.org, могут присылать работы на конкурс «Визуализация стоимости медицинского обслуживания» с призовым фондом $30 000.
Трёхмерная инфографика в браузере — Chrome Experiments WebGL
Вот что меня не перестаёт удивлять в технологиях — это то, что элегантные решения всегда можно найти. И для красивых визуализаций совсем не всегда нужен флэш, даже для трехмерной графики.
Вот пример: трёхмерная визуализация статистики населения, в рамках проекта Chrome Experiments. Почему Chrome? Потому что он поддерживает стандарт Web-GL по работе с графикой в JavaScript-программировании, позволяющий создавать интерактивную трёхмерную графику прямо внутри браузера. Этот стандарт поддерживается пока ещё не всеми браузерами, и Chrome выступает лейтмотивом (windows, mac — неважно).
Ребята из Google Arts team под предводительством Дага Фритца, использовали массив общедоступных данных по населению, и по объёму поискового трафика Google. И получилось вот что:
Трёхмерная инфографика плотности населения Земли (ссылка):
Для реализации задачи был выбрана JS-библиотека Three.js, предназначенная для разработки лёгких трёхмерных сцен. Каждая точка стала основой для параллелепипеда, при этом для каждого было построено 5 граней (кроме нижней, ненужной). Направление каждого параллелепипеда высчитывалось в соответствии с положением точки на земной поверхности, и продолжением вектора идущего из центра. Для скорости обработки и построения, затем весь массив полигонов был соединён в единый графический объект. Много математики и расчётов, но в итоге получилось интересно.
А вот так выглядит инфографика по поисковому трафику (ссылка):
Непосредственно за само управление объектом в трёхмере отвечает как раз WebGL, перенося обработку картинки с сервера на процессор самого пользователя.
Так что теперь можно взять и построить глобус любой страны. Хоть глобус Никарагуа рисуйте:) Разработчики открыли доступ к данным (доступно по ссылке), в формате JSON. Если кто будет играться — покажите, что получилось.