Обзор  онлайн-­‐инструментов  для  визуализации  данных  

Иван  Бегтин  Директор  НП  “Информационная  культура”      

     

Выбор  способа  визуализации  Интерактивно  http://bit.ly/16NHT73  

Какая  бывает  визуализация?  Примеры  

Бюджеты-> BubbleTree

Интерактивно  http://bit.ly/1csa51y  Исходный  код  https://github.com/okfn/bubbletree  

Бюджеты-> IBM Many Eyes

Интерактивно  http://ibm.co/1geu7gX    

Бюджеты-> Бюджет Москвы (budget.mos.ru)

Интерактивно  http://bit.ly/17uMw6y  

Времянные ряды-> OKFN Timeliner

Интерактивно  http://timeliner.okfnlabs.org/  Исходный  код  https://github.com/okfn/timeliner    

Любые данные-> Socrata

Интерактивно  https://opendata.socrata.com  

Геоданные -> MapBox

Интерактивно  https://mapbox.com  

Геоданные -> Яндекс.Карты

Интерактивно  https://mapbox.com  

Сравнение  

Интерактивен   Открытый  код   Платформа  Бюджет  Москвы  

Нет   Нет   Нет  

BubbleTree   Да   Да   Нет  IBM  Many  Eyes   Да   Нет   Да  OKFN  Timeliner   Да   Да   Да  Socrata   Да   Нет   Да  MapBox   Да   Нет   Да  Яндекс  Карты   Да   Нет   Да  

Много  вопросов  для  себя  

Ответы  на  вопросы.  Контекст  

•  Умею  ли  я  программировать?  •  Понимаю  ли  я  как  объяснить  задачу  программисту?  

•  Умею  ли  я  рисовать  ?  •  Понимаю  ли  я  как  объяснить  задачу  дизайнеру?  

Ответы  на  вопросы.  Данные  

•  Есть  ли  у  данных  геопривязка  (координаты,  геообласть)?      

•  Есть  ли  у  данных  даты  и  значимы  ли  они?  •  Есть  ли  у  данных  численные  показатели?  •  Есть  ли  у  данных  суммы  ?  •  Обладают  ли  данные  большим  числом  значимых  связей  ?  

•  Существуют  ли  данные  в  нужном  формате?  

Ответы  на  вопросы.  Ограничения  

•  Надо  ли  соответствовать  формату/шаблону  статьи?  

•  Надо  ли  поддерживать  мобильные  устройства?  •  Надо  ли  поддерживать  планшенты?  •  Какой  запас  времени  у  меня  есть?  

Инструменты  

Data-­‐driven    Documents  •  Сайт:  http://d3js.org/    •  Открытый  код  •  Визуализируется  

почти  все  виды  данных  

•  Легко  встраивается  в  сайты  

•  Надо  уметь  программировать  (Javascript)  

Socrata  •  Сайт:  

http://socrata.com/    •  Онлайн-­‐платформа  •  Визуализируется  

почти  все  виды  данных  

•  Не  нужно  уметь  программировать  

•  Плохо  встраивается  в  сайты  

Карты    Яндекса  •  Сайт:    

 http://api.yandex.ru  •  Онлайн-­‐платформа  •  Только  для  

геоданных  •  Надо  уметь  

программировать  (Javascript)  

LeaVlet  •  Сайт:    http://lea�letjs.com/  •  Открытый  код  •  Только  для  

геоданных  •  Основан  на  

OpenStreetMap  •  Надо  уметь  

программировать  (Javascript)  

Infogr.am  •  Сайт:    http://infogr.am/  •  Онлайн  платформа  •  Не  все  данные  •  Типовая  

инфографика  •  Не  нужно  уметь  

программировать    

Как  действовать  

Последовательность  шагов  

•  Формулируем  задачу  •  Выбираем  инструмент  •  Подготавливаем  данные  •  Создаём  визуализацию  

Формулируем  задачу  

•  Четко  определяем  что  хотим  визуализировать  –  деньги,  цифры,  геоточки  или  отношения  

•  В  зависимости  от  контекста,  данных  и  ограничений  переходим  к  выбору  инструмента  

Выбор  инструмента  

•  В  зависимости  от  контекста,  данных  и  ограничений  выбираем  один  из  инструментов.  

•  Ключевое  –  это  данные  и  ограничения  •  Если  задача  для  программирования  то:  •  Смотрим  инструменты  в  презентации  •  …  или  идем  на  selection.datavisualization.ch  и  

подбираем  •  Если  задача  без  программирования  •  Смотрим  инструменты  вроде  infogr.am  или  

аналогов  

Подготовка  данных  

•  Выверяем  и  проверяем  данные  корректность  •  если  геоданные  с  адресами  без  координат  –  геокодируем  их  •  если  надо  сравнивать  суммы  –  рассчитываем  доли  и  

проценты  •  Подготавливаем  данные  под  инструмент  визуализации:  

•  при  необходимости  добавляем  доп.  атрибуты,  например,  цвета  для  графика  

•  Переводим  данные  в  формат  принимаемый  инструментом:  •  Для  карт  форматы:  GeoJSON,  KML,  YMapsML  и  др.  •  Для  других  инструментов  свои  требования  –  узнаем  их  

заранее  

Много  ссылок  

Ресурсы  

•  http://datavisualization.ch/ - коллекция инструментов •  http://www.creativebloq.com/design-tools/data-visualization-712402 - коллекция

инструментов •  http://datavizchallenge.org - конкурс визуализаций •  http://visualizing.org/ - сообщество •  http://flowingdata.com/ - сообщество •  http://visual.ly/ - сообщество •  http://mashable.com/category/data-visualization/ - сообщество

Платформы  

•  интерактивные визуализации - https://getdataseed.com - •  Инфографика - http://infogr.am/ •  IBM Many Eyes - http://www-958.ibm.com •  Tableau Online - http://www.tableausoftware.com/products/online •  Google Charts - https://developers.google.com/chart/ •  Factual - http://factual.com/ •  SumAll - https://sumall.com/

Образование  

•  Knights Foundation Course - http://open.journalismcourses.org •  Edward Tufte courses - http://www.edwardtufte.com/tufte/courses •  MIT Open Course “How to Process, Analyze and Visualize Data” -

http://ocw.mit.edu/resources/res-6-009-how-to-process-analyze-and-visualize-data-january-iap-2012/

•  Stanford Visualization Course - http://vis.stanford.edu/ •  Harvard Visualization Course - http://cs171.org/

Вопросы?

Иван Бегтин Email: ibegtin@infoculture.ru Сайт: http://ivan.begtin.name