Инструменты инфографики

Специальных инструментов для создания комплексной статической инфографики нет - используются обычные графические редакторы, такие как Adobe Illustator или Xara Xtreme, а также бесплатное программное обеспечение Inkscape.

Для более простыхприкладных задач, например,построения стандартных графиков и диаграмм или стандартизованного описания процессов подходят специализированные инструменты - MS Visio и Excel,Smart Draw, OmniGraffle, Concept Draw или любой графический редактор. При творческом подходе можно пойти дальше стандартных средств - например, есть много интересных приемов работы с Excel. Существуют также инструменты для построения отдельных типов визуализации, например, ментальных карт в MindManager, Gapminder, TouchMind, FreeMind и др., UML-диаграмм в Rational Rose, диаграмм Сэнки в e-Sankey или Гантта в MS Project. Причем многие из таких продуктов в последнее время все чаще запускаются в виде веб-приложений - например, Lovely Charts, Gliffy, StatPlanet, Hohli, Creately, Google public data explorer, Wordle, .

Большинство стандартныхзадач по созданию динамической инфографики в вебе решаются библиотеками скриптов на JavaScript, Java и Flash - например, amCharts или JS Charts. Есть аналогичные платные и беслатные продукты, например, Google Chart, позволяющие генерировать графики и диаграммы через специальный API или с помощью виджетов, как Fusion Widgets.

Для болеесложных визуализацийсуществуют экспериментальные инструменты и веб-сервисы. Например, одна их исследовательских групп IBM развивает проект Many Eyes - он позволяет построить множество типов инфографики на основе любого набора данных. Свои эксперименты в этой области выкладывают в общий доступ команды некоторых сайтов, таких как Digg Labs,Yahoo! Research и MSNBC, а также сторонние разработчики, использующие данные популярных сервисов вроде Del.icio.us и Last.FM. Существует также много университетских работ в этом направлении - например, немецкий Synoptic.

Если идти от практических задач в сторонуалгоритмического или генеративного искусства, широко используются такие инструменты как язык программированияProcessing и Context Free Design Grammar. Многие пишут скрипты самостоятельно - например, в3D Max.[^vi]

Примеры использования инфографики в веб-сервисах

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

• Статистика и отчеты. Чаще всего это либо специализированные сервисы анализа статистики посещений и трафика вродеGoogle Analytics,ClickTale,Alexa,Google TrendsилиFeedBurner, либо встроенные в обычные веб-сервисы модули отчетности о популярности пользователя и его контента - например, вFlickr,Google Reader,ЖЖилиFree-Lance.ru. Для отображения данных они используют линейные графики, столбиковые и круговые диаграммы, гистограммы. В последнее время все больше таких продуктов применяет тепловые диаграммы для показа наиболее кликабельных мест на странице - например,ClickDensityиCrazyEgg.

• Картография и привязка данных к географии. Обычно это карты городов и стран, показывающие их географию, топографию, дороги и конкретные объекты - например, Яндекс.Карты,Google Maps,Yahoo! MapsилиMapQuest. В последнее время многие из таких сервисов предоставляют инструменты для создания собственных тематических карт, благодаря чему есть справочники вродеCost2DriveиBanki.ru на карте. Сюда же можно отнести недавнюю тенденцию геотегирования контента, когда новости или пользовательские материалы в социальных медиа привязываются к месту где они созданы или которое описывают - примеры такого подхода можно увидеть в специальном режиме просмотраFlickr, карте военного конфликта в Конго,Trulia SnapshotиDopplr; либо когда географические перемещения самих пользователей отображаются в системе и могут служить поводом для рекомендаций, как это делаютBrightKite, Nokia Friend View,Yahoo! FireEagle и Google Latitude. Чуть в стороне стоят карты метро - их можно увидеть вЯндекс.Картах Метро и РусАвтобусе.

• Отслеживание метрик. В основном это упрощенные отчеты - сервисы наглядно показывают изменения ключевых параметров в виде встроенных в обычные страницы изображений. Хотя обычно для этого используется текст или простая инфографика вроде индикаторов выполнения, некоторые продукты применяют графики и диаграммы - например, burndown-диаграммы в инструментах управления agile-проектами вродеAcunote и RallyDev. Также в эту группу можно включить инструменты для работы с биржевой информацией, массовые вродеYahoo! Finance, Google Finance,BFM.ruилиTIKR.ruи специализированные - E*Trade,TradeKing,Quote.ru.

• Привязка событий ко времени. Как правило, это использующие временную шкалу сервисы. Например, пользовательский контент в порядке его появления показываютPlurk,Dipity,This MomentиFlickr Clock. Сюда можно отнести и классические инструменты управления проектами, использующие диаграмму Гантта, такие какKommandCoreилиМегаПлан(хотя смысл этой диаграммы и шире простой привязки ко времени).

• Отображение процесса. Сервисы, которые используют формализованные и неформализованные блок-схемы для управления неким процессом. Такое представление хорошо подходит для создания различных информационных фильтров, как это делаетYahoo! PipesиGoogle Analytics. А может использоваться как навигация по рабочему процессу и его наглядное отображение, как это делают вTarget Process. По хорошему сюда нужно отнести и отображение текущего шага в мастерах (wizards) вроде оформления покупки в интернет-магазине, но это не самый яркий пример визуализации.

• Отображение связей. Чаще всего это дерево связей между объектами либо ментальная карта какого-то явления или понятия. Многие из таких сервисов показывают связи между людьми - либо в виде генеалогического древа в Geni, либо внутри другой социальной сети - например, Bacardi B-Live Share. А поисковик Quintura работает, по сути, как ментальная карта, хотя и имеет внешний вид скорее облака тегов.

• Сложные статистические данные. Как правило это специальные проекты газет и журналов, некоммерческих организаций, государственных ведомств, отображающие сложные политические или экономические данные. В них совмещается сразу несколько инструментов визуализации - например, карты и диаграммы. Наиболее известна команда New York Times Visualization Lab, которая регулярно выдает интереснейшие интерактивные приложения к газете. Похожие вещи делают и другие крупные издания - например, Washington Post,USA Today. Среди других проектов по сбору статистики - GapMinder,Akamai Real-Time Web Monitor, Every Moment Now, Daytum.

• Экспериментальная навигация. Практического смысла такая визуализация не несет, зато хорошо запоминается благодаря необычности. Например, в виде дерева показывается портфолио компании OLIN, а рекламное агентство Venables Bell & Partners использует комбинацию временной шкалы и некого подобия площадной диаграммы для отслеживания упоминаний своего рекламного ролика. Интересный вариант отображения связей между страницами в вики-системе предложен Ronald The и Benedikt Gross.

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

i Эко У. Отсутствующая структура. Введение в семиологию / Пер. с итал. В. Резник и А. Погоняйло. – СПб.: Симпозиум, 2006. – 544 с.

iiВизуализация данных. Наглядный и компактный способ отображения информации, часть 1. Классификацияhttp://www.jvetrau.com/ Mar 11, 2009

iii Tufte E.R. Beautiful Evidence. – Cheshire, CT: Graphics Press, 2006. – 213 p.

iv Tufte E.R. The Visual Display of Quantitative Information. 2nd edition. – Cheshire, CT: Graphics Press, 2001. – 199 p.

v Tufte E.R. Beautiful Evidence. – Cheshire, CT: Graphics Press, 2006. – 213 p.

vi Юрий Ветров Визуализация данных. Наглядный и компактный способ отображения информации, часть 2. Процесс. http://www.jvetrau.com/2009/03/12