Визуализация
данных
Или художественный
компонент в Big Data
О чем поговорим?
❖ Вкратце: что такое визуализация данных, и кому это
нужно
❖ Какие этапы и кто участвует в разработке?
❖ ...
Data visualization:
что и зачем
Данные - ценны
Зачем визуализировать?
❖ Хочется минимизировать разглядывание таблиц aka
сырых данных
❖ Хочется подергать данные за ниточк...
"Main goal of data visualization is to communicate
information clearly and efficiently through graphical
means"
Простой Пример
0
25
50
75
100
125
Апрель Май Июнь Июль
Пример посложнее
❖ http://bost.ocks.org/mike/nations/
The Wealth & Health of Nations
Еще пример - карта
❖ http://prescriptions-demo.dataart.com/
Немного о политике
http://cartodb.s3.amazonaws.com/static_vizz/ukr.html
Какие задачи стоят?
❖ Ответить на вопросы о данных которые интересны в
этот конкретный момент
❖ Сделать это максимально по...
Каков процесс
Из чего состоит процесс
Аналитика
❖ Сбор данных
❖ Постановка вопросов
Аналитика + Дизайн
❖ Поиск способов отображения
Техн...
Подготовим данные
❖ А как угодно
Зададимся вопросами
❖ ОТКУДА взялись данные?
❖ КТО пользователь?
❖ ЧТО ему нужно увидеть?
❖ ЗАЧЕМ ему это видеть?
Подумаем
Ну и реализация
❖ Наконец-то
Что такое хорошая визуализация?
❖ Не та, которая красивая
❖ Не та, которая показывает на одной картинке
миллион записей ба...
Lorem Ipsum Dolor
Техническая
реализация
Три "подхода"
❖ Использовать существующий продукт
(дорого, не всегда комфортно, но доступно многим)
❖ Использовать существ...
Enterprise продукты
❖ Tableau, Qlikview, TIBCO Spotfire, Panopticon, .....
❖ Можно создать интерактивную картинку без един...
Сравним
❖ Spotfire – замечательно
для Big Data
❖ QlikView –
интерактивность,
дашбоарды, мобильность
❖ Tableau – просто, уд...
Ну и пример - Tableau
Библиотеки графиков
❖ Платные (Highcharts, jqchart) и Open Source (Google
charts, nvd3, rickshaw, ...)
❖ Дешевле и быстрее...
Пример - HighCharts
Кастомная разработка
❖ Возможность создать визуализацию, которая:
❖ отвечает на конкретный вопрос
❖ помогает принимать кон...
D3.js
❖ http://d3js.org/
❖ …“D3 allows you to bind arbitrary data to a Document Object
Model (DOM), and then apply data-dr...
Пример ❖ http://www.brightpointinc.com/interactive/political_influence/
Пример ❖ http://www.findtheconversation.com/concept-map
Подведем итоги
❖ Визуализация данных – тема, которая в тренде
❖ Существует множество способов реализовать
визуализацию в в...
Вопросы?
mailto: Vladimir.Timashov@dataart.com
Upcoming SlideShare
Loading in …5
×

Тимашев Дмитрий "Что такое визуализация данных, или почему специалисты, работающие с данными, должны быть немного художниками"

10,812 views

Published on

Конференция "AI&BigData Lab", 12 апреля 2014

Published in: Data & Analytics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
10,812
On SlideShare
0
From Embeds
0
Number of Embeds
9,302
Actions
Shares
0
Downloads
39
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Тимашев Дмитрий "Что такое визуализация данных, или почему специалисты, работающие с данными, должны быть немного художниками"

  1. 1. Визуализация данных Или художественный компонент в Big Data
  2. 2. О чем поговорим? ❖ Вкратце: что такое визуализация данных, и кому это нужно ❖ Какие этапы и кто участвует в разработке? ❖ А как это создавать технически?
  3. 3. Data visualization: что и зачем
  4. 4. Данные - ценны
  5. 5. Зачем визуализировать? ❖ Хочется минимизировать разглядывание таблиц aka сырых данных ❖ Хочется подергать данные за ниточки ❖ Хочется найти простой способ презентации и анализа сложных структур данных ❖ Хочется упростить поиск ответов на вопросы
  6. 6. "Main goal of data visualization is to communicate information clearly and efficiently through graphical means"
  7. 7. Простой Пример 0 25 50 75 100 125 Апрель Май Июнь Июль
  8. 8. Пример посложнее ❖ http://bost.ocks.org/mike/nations/ The Wealth & Health of Nations
  9. 9. Еще пример - карта ❖ http://prescriptions-demo.dataart.com/
  10. 10. Немного о политике http://cartodb.s3.amazonaws.com/static_vizz/ukr.html
  11. 11. Какие задачи стоят? ❖ Ответить на вопросы о данных которые интересны в этот конкретный момент ❖ Сделать это максимально понятно ❖ А уж затем (если повезет) - сделать это красиво
  12. 12. Каков процесс
  13. 13. Из чего состоит процесс Аналитика ❖ Сбор данных ❖ Постановка вопросов Аналитика + Дизайн ❖ Поиск способов отображения Техническая реализация ❖ Имплементация ❖ Интерактив ❖ Рефайнмент
  14. 14. Подготовим данные ❖ А как угодно
  15. 15. Зададимся вопросами ❖ ОТКУДА взялись данные? ❖ КТО пользователь? ❖ ЧТО ему нужно увидеть? ❖ ЗАЧЕМ ему это видеть?
  16. 16. Подумаем
  17. 17. Ну и реализация ❖ Наконец-то
  18. 18. Что такое хорошая визуализация? ❖ Не та, которая красивая ❖ Не та, которая показывает на одной картинке миллион записей базы данных ❖ Но та, которая отвечает на конкретные вопросы (те самые, которые мы задали пару слайдов назад)
  19. 19. Lorem Ipsum Dolor Техническая реализация
  20. 20. Три "подхода" ❖ Использовать существующий продукт (дорого, не всегда комфортно, но доступно многим) ❖ Использовать существующие компоненты (дешево, быстро, но не все есть из коробки) ❖ Разработать самому (долго и дорого, но возможности безграничны)
  21. 21. Enterprise продукты ❖ Tableau, Qlikview, TIBCO Spotfire, Panopticon, ..... ❖ Можно создать интерактивную картинку без единой строки кода - много шаблонов "из коробки" ❖ Но зато дорого, сложно интегрировать, и ограничены все той же "коробкой" ❖ Сравнение
  22. 22. Сравним ❖ Spotfire – замечательно для Big Data ❖ QlikView – интерактивность, дашбоарды, мобильность ❖ Tableau – просто, удобно, быстро развивается
  23. 23. Ну и пример - Tableau
  24. 24. Библиотеки графиков ❖ Платные (Highcharts, jqchart) и Open Source (Google charts, nvd3, rickshaw, ...) ❖ Дешевле и быстрее ❖ Но ограничены в наборе графиков, стилизации и кастомизации
  25. 25. Пример - HighCharts
  26. 26. Кастомная разработка ❖ Возможность создать визуализацию, которая: ❖ отвечает на конкретный вопрос ❖ помогает принимать конкретные решения ❖ анализирует конкретные данные ❖ Может быть красивой и увлекательной (хотя это не самоцель) ❖ D3.js, Raphael, Processing
  27. 27. D3.js ❖ http://d3js.org/ ❖ …“D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. For example, you can use D3 to generate an HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction”… ❖ …“D3 is not a new graphical representation. Unlike Processing, Raphaël, or Protovis, the vocabulary of marks comes directly from web standards: HTML, SVG and CSS”…
  28. 28. Пример ❖ http://www.brightpointinc.com/interactive/political_influence/
  29. 29. Пример ❖ http://www.findtheconversation.com/concept-map
  30. 30. Подведем итоги ❖ Визуализация данных – тема, которая в тренде ❖ Существует множество способов реализовать визуализацию в вашем проекте ❖ Цели проекта и вопросы, которые задает пользователь, должны диктовать выбор технологии
  31. 31. Вопросы? mailto: Vladimir.Timashov@dataart.com

×