SlideShare a Scribd company logo
1 of 44
Download to read offline
ВІЗУАЛІЗАЦІЯ ДАНИХ
ВСТУП ДО ІНФОГРАФІКИ
Львів, 21.06.2014
ІСТОРІЯ ВІЗУАЛІЗАЦІЇ ДАНИХ
1728 рік
1760-ті роки
1788 рік
1801 рік
Секторна діаграма з книги 
«Короткий виклад статистики»
Вільяма Плейфера
1853 рік
«Вікторіанська
Інфографіка»
1854 рік
«Карта Сноу»
Карта із візуалізацією
спалаху холери у Лондоні.
Лікар Джон Сноу
1869 рік. Карта походу Наполеона на Москву. Чарльз Мінард
Показати веселе відео...
ТИПИ ВІЗУАЛІЗАЦІЙ
•Ілюстрація
•Журналістика даних
•Інфографіка
Ілюстрація
Зображення, що супроводжує текст з метою полегшення
для читача візуалізації змісту.
АБО
Зображення, що відтворює текст.
Завдання - відворення фактів.
Журналістика даних
Завдання – відтворення даних.
Долари для Докторів
Журналістика, яку роблять за допомогою даних.
Школи великих міст
Інфографіка
Графічний спосіб швидкої подачі великого об'єму інформації
та знань.
Завдання – відтворення дії.
Якщо
інформація підпорядкована дизайну -
це ілюстрація
Якщо
дизайн підпорядкований інформації -
це інфографіка
ІНФОГРАФІКА
ЯК
STORYTELLING
1. Формування цілі та визначення аудиторії
2. Збір даних і додаткового матеріалу по темі
3. Аналітика і обробка інформації
4. Візуальне структурування
5. Дизайн
Етапи створення інфографіки:
1. Формування цілі та визначення аудиторії
1. Ціль — ключовий меседж, який хочемо донести;
2. Цільова аудиторія — характеристики аудиторії;
3. Потреба — ключові потреби цільової аудиторії.
2. Збір даних і додаткового матеріалу по темі
1. Дані — фільтрування кількісної інформації;
2. Символ — визначаємо асоціативний ряд елементів;
3. Схематика — вибір схематики подачі інформації.
3. Аналітика і обробка інформації
1. Уніфікація — групування по визначених категоріях;
2. Аналіз — відповідність первинній меті та схемі;
3. Кристалізація — відсіювання зайвої інформації.
Типи інформації
4. Візуальне структурування
1. Створення скетчу — формування основних блоків та їх
розміщення;
2. Корегування — перевірка відповідності до меседжу;
3. Створення легенди — пояснення ключових символів та
їх розміщення (якщо потрібно);
Інфографічні
інструменти
Порівняння
двох величин
Типи інфографіки по видах комунікації
Карта вітрів Карта голів на ЧС
5. Дизайн
1. Створення скетчу — формування основних блоків та їх
розміщення;
2. Корегування — перевірка відповідності до даних;
3. Створення легенди — пояснення ключових символів та
їх розміщення (якщо потрібно);
Вправа: придумайте тему та назви осей
Показати веселі картинки…
Показати відео…

More Related Content

Viewers also liked

Візуалізація аналітичних даних
Візуалізація аналітичних данихВізуалізація аналітичних даних
Візуалізація аналітичних данихSashko Kulchytsky
 
Полезные soft skills для IT-студентов
Полезные soft skills для IT-студентовПолезные soft skills для IT-студентов
Полезные soft skills для IT-студентовСобака Павлова
 
Data Visualization: Principles and Tools
Data Visualization: Principles and ToolsData Visualization: Principles and Tools
Data Visualization: Principles and ToolsMaksym Klyuchar
 
D3 : Data driven documents with Data visualization principles .
D3 : Data driven documents with Data visualization principles .D3 : Data driven documents with Data visualization principles .
D3 : Data driven documents with Data visualization principles .Moahmed Sweelam
 
Візуалізація як шлях до яскравого, цікавого, доступного уроку
Візуалізація як шлях до яскравого, цікавого, доступного урокуВізуалізація як шлях до яскравого, цікавого, доступного уроку
Візуалізація як шлях до яскравого, цікавого, доступного урокуHelen Golovina
 
Data Visualisation: Types, Principles, and Tools
Data Visualisation: Types, Principles, and ToolsData Visualisation: Types, Principles, and Tools
Data Visualisation: Types, Principles, and ToolsSumandro C
 
перші кроки до зно
перші  кроки до зноперші  кроки до зно
перші кроки до зноHelen Golovina
 
01 ข้อมูลและสารสนเทศ
01 ข้อมูลและสารสนเทศ01 ข้อมูลและสารสนเทศ
01 ข้อมูลและสารสนเทศNattipong Siangyen
 
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)Nattipong Siangyen
 
Unique restaurants
Unique restaurantsUnique restaurants
Unique restaurantsschellke
 

Viewers also liked (18)

Візуалізація аналітичних даних
Візуалізація аналітичних данихВізуалізація аналітичних даних
Візуалізація аналітичних даних
 
Полезные soft skills для IT-студентов
Полезные soft skills для IT-студентовПолезные soft skills для IT-студентов
Полезные soft skills для IT-студентов
 
Ejercicio 7.2
Ejercicio 7.2Ejercicio 7.2
Ejercicio 7.2
 
Data Visualization: Principles and Tools
Data Visualization: Principles and ToolsData Visualization: Principles and Tools
Data Visualization: Principles and Tools
 
D3 : Data driven documents with Data visualization principles .
D3 : Data driven documents with Data visualization principles .D3 : Data driven documents with Data visualization principles .
D3 : Data driven documents with Data visualization principles .
 
Український експорт аграрної продукції: тренди та перспектива
Український експорт аграрноїпродукції: тренди таперспективаУкраїнський експорт аграрноїпродукції: тренди таперспектива
Український експорт аграрної продукції: тренди та перспектива
 
Варіанти розвитку подій у сфері торговельних відносин з РФ
Варіанти розвитку подій у сфері торговельних відносин з РФВаріанти розвитку подій у сфері торговельних відносин з РФ
Варіанти розвитку подій у сфері торговельних відносин з РФ
 
Візуалізація як шлях до яскравого, цікавого, доступного уроку
Візуалізація як шлях до яскравого, цікавого, доступного урокуВізуалізація як шлях до яскравого, цікавого, доступного уроку
Візуалізація як шлях до яскравого, цікавого, доступного уроку
 
Майбутнє ЄС: погляд з України
Майбутнє ЄС: погляд з УкраїниМайбутнє ЄС: погляд з України
Майбутнє ЄС: погляд з України
 
Data Visualisation: Types, Principles, and Tools
Data Visualisation: Types, Principles, and ToolsData Visualisation: Types, Principles, and Tools
Data Visualisation: Types, Principles, and Tools
 
перші кроки до зно
перші  кроки до зноперші  кроки до зно
перші кроки до зно
 
Розвиток міжнародної торгівлі: погляд бізнесу
Розвиток міжнародної торгівлі: погляд бізнесуРозвиток міжнародної торгівлі: погляд бізнесу
Розвиток міжнародної торгівлі: погляд бізнесу
 
01 ข้อมูลและสารสนเทศ
01 ข้อมูลและสารสนเทศ01 ข้อมูลและสารสนเทศ
01 ข้อมูลและสารสนเทศ
 
Air Relay Switch MD series
Air Relay Switch MD seriesAir Relay Switch MD series
Air Relay Switch MD series
 
Essaywriting
EssaywritingEssaywriting
Essaywriting
 
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
 
Unique restaurants
Unique restaurantsUnique restaurants
Unique restaurants
 
Hizb 11
Hizb 11Hizb 11
Hizb 11
 

Вступ до Інфографіки. Презентація. (v.1)