Download - Opendataschool datavis
![Page 1: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/1.jpg)
Обзор онлайн-‐инструментов для визуализации данных
Иван Бегтин Директор НП “Информационная культура”
![Page 2: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/2.jpg)
Выбор способа визуализации Интерактивно http://bit.ly/16NHT73
![Page 3: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/3.jpg)
Какая бывает визуализация? Примеры
![Page 4: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/4.jpg)
Бюджеты-> BubbleTree
Интерактивно http://bit.ly/1csa51y Исходный код https://github.com/okfn/bubbletree
![Page 5: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/5.jpg)
Бюджеты-> IBM Many Eyes
Интерактивно http://ibm.co/1geu7gX
![Page 6: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/6.jpg)
Бюджеты-> Бюджет Москвы (budget.mos.ru)
Интерактивно http://bit.ly/17uMw6y
![Page 7: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/7.jpg)
Времянные ряды-> OKFN Timeliner
Интерактивно http://timeliner.okfnlabs.org/ Исходный код https://github.com/okfn/timeliner
![Page 8: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/8.jpg)
Любые данные-> Socrata
Интерактивно https://opendata.socrata.com
![Page 9: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/9.jpg)
Геоданные -> MapBox
Интерактивно https://mapbox.com
![Page 10: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/10.jpg)
Геоданные -> Яндекс.Карты
Интерактивно https://mapbox.com
![Page 11: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/11.jpg)
Сравнение
Интерактивен Открытый код Платформа Бюджет Москвы
Нет Нет Нет
BubbleTree Да Да Нет IBM Many Eyes Да Нет Да OKFN Timeliner Да Да Да Socrata Да Нет Да MapBox Да Нет Да Яндекс Карты Да Нет Да
![Page 12: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/12.jpg)
Много вопросов для себя
![Page 13: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/13.jpg)
Ответы на вопросы. Контекст
• Умею ли я программировать? • Понимаю ли я как объяснить задачу программисту?
• Умею ли я рисовать ? • Понимаю ли я как объяснить задачу дизайнеру?
![Page 14: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/14.jpg)
Ответы на вопросы. Данные
• Есть ли у данных геопривязка (координаты, геообласть)?
• Есть ли у данных даты и значимы ли они? • Есть ли у данных численные показатели? • Есть ли у данных суммы ? • Обладают ли данные большим числом значимых связей ?
• Существуют ли данные в нужном формате?
![Page 15: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/15.jpg)
Ответы на вопросы. Ограничения
• Надо ли соответствовать формату/шаблону статьи?
• Надо ли поддерживать мобильные устройства? • Надо ли поддерживать планшенты? • Какой запас времени у меня есть?
![Page 16: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/16.jpg)
Инструменты
![Page 17: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/17.jpg)
Data-‐driven Documents • Сайт: http://d3js.org/ • Открытый код • Визуализируется
почти все виды данных
• Легко встраивается в сайты
• Надо уметь программировать (Javascript)
![Page 18: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/18.jpg)
Socrata • Сайт:
http://socrata.com/ • Онлайн-‐платформа • Визуализируется
почти все виды данных
• Не нужно уметь программировать
• Плохо встраивается в сайты
![Page 19: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/19.jpg)
Карты Яндекса • Сайт:
http://api.yandex.ru • Онлайн-‐платформа • Только для
геоданных • Надо уметь
программировать (Javascript)
![Page 20: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/20.jpg)
LeaVlet • Сайт: http://lea�letjs.com/ • Открытый код • Только для
геоданных • Основан на
OpenStreetMap • Надо уметь
программировать (Javascript)
![Page 21: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/21.jpg)
Infogr.am • Сайт: http://infogr.am/ • Онлайн платформа • Не все данные • Типовая
инфографика • Не нужно уметь
программировать
![Page 22: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/22.jpg)
Как действовать
![Page 23: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/23.jpg)
Последовательность шагов
• Формулируем задачу • Выбираем инструмент • Подготавливаем данные • Создаём визуализацию
![Page 24: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/24.jpg)
Формулируем задачу
• Четко определяем что хотим визуализировать – деньги, цифры, геоточки или отношения
• В зависимости от контекста, данных и ограничений переходим к выбору инструмента
![Page 25: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/25.jpg)
Выбор инструмента
• В зависимости от контекста, данных и ограничений выбираем один из инструментов.
• Ключевое – это данные и ограничения • Если задача для программирования то: • Смотрим инструменты в презентации • … или идем на selection.datavisualization.ch и
подбираем • Если задача без программирования • Смотрим инструменты вроде infogr.am или
аналогов
![Page 26: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/26.jpg)
Подготовка данных
• Выверяем и проверяем данные корректность • если геоданные с адресами без координат – геокодируем их • если надо сравнивать суммы – рассчитываем доли и
проценты • Подготавливаем данные под инструмент визуализации:
• при необходимости добавляем доп. атрибуты, например, цвета для графика
• Переводим данные в формат принимаемый инструментом: • Для карт форматы: GeoJSON, KML, YMapsML и др. • Для других инструментов свои требования – узнаем их
заранее
![Page 27: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/27.jpg)
Много ссылок
![Page 28: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/28.jpg)
Ресурсы
• 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/ - сообщество
![Page 29: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/29.jpg)
Платформы
• интерактивные визуализации - 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/
![Page 30: Opendataschool datavis](https://reader034.vdocuments.pub/reader034/viewer/2022052622/55925d031a28ab29098b4649/html5/thumbnails/30.jpg)
Образование
• 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/