Весь 2.0

Графическое представление данных может быть чудесным, элегантным и впечатляющим. Существует множество способов графического проедставления – таблицы, гистограммы, круговые диаграммы все они применяются ежедневно, в любых проектах при любом удобном случае. Как бы то ни было, иногда трубуется нечто большее чем круговая диаграмма. На самом деле существуют и иные пути визуализации данных, более свежие, наглядные и красивые. Многие из них станут общеупотребимыми в течении нескольких следующих лет. Что же ожидать от визуализации? Какие инновационные идеи используются сегодня? Давайте пройдемся по наиболее интересным и современным подходам в визуализации данных, а так же по статьям на эту тему, веб ресурсам и инструментам.

1. Mindmaps – Карты мыслей

Trendmap 2007Informationarchitects.jp представили 200 самых успешных веб сайтов в интернете, собраных в категории и представленных в виде mindmap. Подобная групировка сайтов ранее не применялась.

2.Отображение новостей

Карта новостей это приложение, которое графически показывает смену новостей источник Google News news. Размер заголовков соответстует популярности новости в данный момент. Voyage RSS читалка, которая отображает новости, с центром притяжения. Новости можно увеличить «лупой» или уменьшить. Так же можно пройтись по новостям по шкале времени. Digg BigSpy сортирует новости и ставит на 1 позцию, когда посетители добавляют их в Digg. Размер новости определяется, в соответствии с количеством сохранений в digg.

3. Отображение данных

Amaztype, типографский книжный поиск, который использует Amazon и отображает результаты в соответсвтии с Вашими ключевыми словами. Для получения более детальной информации по книге просто кликните по ней. Похожая идея была использована в Flickrtime. Этот сервис использует Flickr API для отображения свежих, загрузок в реальном времени. Time Magazine использует визуальные пики (холмы) для отображения населения Америки на карте. CrazyEgg Позволяет определить поведение пользователей на вашем сайте строит так называемую горячую карту кликов. Наиболее популярные разделы и ссылки подсвечиваются как горячие (красные).

Hans Rosling TED Talk это ссылка на легендарную речь Шведского професора Ханса Рослинга, в которой он описывает новые подходы в визуализации статистических данных. Его компания Trendalyzer software (купленнаяGoogle) производит программу для преобразования сложных тренд кривых в красиувю анимацию, отображает популяцию человечества. Азиатские страны отображаются в виде цветных шаров,плавающих над сеткой – национального здоровья и благополучия. Анимированный график нормального распределения показывает доход на душу населения от бедных до богатых. В Руках Рослинга глобальные тренды – продолжительность жизни, детская смертность, уровень бедности – становятся более понятными и интуитивными.

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

We Feel Fine показывает настроения людей, вычисляется по большому количеству блогов.

Visualizing the Power Struggle in Wikipedia отображает наиболее популярные статьи и наиболее частые поисковые запросы (по Wikipedia), в виде горячей карты.

Websites в виде графов. HTML графическое представление DOM модели, в котором сайт представлен как граф зависимостей всех ссылок, таблиц, div тегов, картинок и других тегов.

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

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

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

Статья по теме и дополнительные примеры.

4. Отображение связей

Munterbund данные рисунки илюстрируют результаты исследований книг эссе на частоту упоминания слов в тексте. “Основная задача ислледования состояла в поиске графического/ типографического способа представления книг, информативного и наполенного. Была сделана попытка создать систему, которая автоматически генерирует графику в соответствии с набором правил.”

Burst Labs предлагает похожие или связанные слова в соответствии с Вашим поисковым запросом (любимые актеры, ТВ программы, фильмы, жанры итд) в виде мыльного пузыря. Не ново, но все еще впечатляет.

Universe DayLife отображает события, связи и новости в виде кругов, которые имеют центры притяжения по темам.

Musiclens рекомендует музыку и отображает ваше настроение и музыкальный вкус в виде диаграммы.

Figd’t Visualizer позволяет пробежаться по друзьям и вашим соц сетям. Это визуализатор тегов Flickr LastFM, используя любой из тегов вы можете создать Магнит. Магнит притягивает пользователей установивщих похожие теги на фотографиях и музыкальных композициях. Доступно под Mac OS X, Windows and Linux.

Что я слушал?: Lee Byron описывает свой подход создания гистограм по прослушенным музыкальным композициям.

Контур песни: Как музыка выглядит графически? Сервис контур песни, делает попытку ответить на этот пародоксальный вопрос. Специльная программа на сервере строит картинку по музыкальным фразам. Можно проанализировать любую композицию с любого веб сайта, формат midi.

Musicmap: связи ссылки представленные в виде прямых, создающих паутину.

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

5. Группировка и отображение веб сайтов

Spacetime представляет Google, Yahoo, Flickr, eBay и картинки в 3D. Инструмент предлагает просмотр ваших результатов поиска в виде элегантного трехмерного сортированного списка.

UBrowser это бесплатный программный продукт, который накладывает интерактивные веб странички на поверхность куба. Использован OpenGL® и Gecko. 3D браузер, для рабочего стола.