Шевченко В. Е. Візуалізація як спосіб відображення даних: вибір виду візуалізації

Візуалізація як спосіб відображення даних: вибір виду візуалізації

Вікторія Шевченко

Шевченко В. Е. Візуалізація як спосіб відображення даних: вибір виду візуалізації: Електронні дидактичні матеріали. - К. : Навчально-науковий Інститут журналістики, 2022. – 144 с.

План 1.

2.

3.

4.

5.

Що таке візуалізація? Де шукати дані? (тема «Дані для медіа») Як аналізувати дані? (типи порівняння даних) Як інтрепретувати дані? (форми візуалізації) Програми для створення візуалізацій (тема «Редактори створення візуалізацій»)

© Шевченко Вікторія, 2022

Візуалізація • • • • • • • • • •

аналіз даних, структуризація та ієрархія даних, виокремлення суті, теми публікації; вміле застосування кольору, вплив типографіки, правильно розставлені акценти, відсутність незначущих складників; знання законів сприйняття, вміння врахувати запити читачів журналістська чіткість. © Шевченко Вікторія, 2022

https:// www.nytimes. com/ 2022/10/09/ nyregion/ metropolitandiary.html

© Шевченко Вікторія, 2022

© Шевченко Вікторія, 2014

© Шевченко Вікторія, 2014

Випалена Земля: використання даних НАСА про пожежі для моніторингу зон бойових дій

© Шевченко Вікторія, 2022

https://www.youtube.com/watch? v=9BBcxBQPQCo&ab_channel= %D0%92%D0%BE%D0%BB%D0%BE %D0%BD %D1%82%D0%B5%D1%80%D1%81%D1 %8C%D0%BA %D0%B0%D0%90%D0%BD %D1%96%D0%BC %D0%B0%D1%86%D1%96%D1%8F %D0%A3%D0%BA %D1%80%D0%B0%D1%97%D0%BD %D0%B8

© Шевченко Вікторія, 2022

Маніфест візуалізації 1.Форма - функціональність 2.Починайте з питання 3.Інтерактивність 4.Цитуйте джерело 5.Історія 6.Естетика 7.Релевантність 8.Час 9.Знання 10.Уникайте невиправданих візуалізацій

https://www.ted.com/talks/manuel_lima_a_visual_history_of_human_knowledge/transcript?language=ru

© Шевченко Вікторія, 2022

Побудова візуалізації 1.Вибрати тему 1а. Сформулювати ідею.

2. Зібрати дані 3. Встановити тип порівняння даних 4. Вибрати відповідну форму візуалізації

© Шевченко Вікторія, 2022

Вибір теми Ендрю Лерен “Відкриті таємниці»

https://www.nytimes.com/by/an drew-w-lehren подає приклади найяскравіших історій, теми яких було їм знайдено і розкрито.

© Шевченко Вікторія, 2022.

Розслідування

© Шевченко Вікторія, 2022.

Візуалізація, як і будь-який інший проект, передбачає визначення цілі та формування концепції, що пов’язані з функціональним призначенням та очікуваною реакцією. Журналіст під час написання статті має певну ідею, яка визначає її стиль і зміст. Так само у візуалізації важливі не цифри, імена, місця, а їх зміст. Чітко сформульована ідея підказує, які дані необхідно долучити до матеріалу, як їх графічно сполучити. © Шевченко Вікторія, 2022

Для будь-якого набору даних існує велика кількість способів відображення Тема - сланцевий газ

© Шевченко Вікторія, 2014

© Шевченко Вікторія, 2015

© Шевченко Вікторія, 2015

© Шевченко Вікторія, 2015

Важливо: • • • •

обрати наочний засіб визначити основний складник впорядкувати кольори сформулювати короткий і змістовний заголовок, конкретизувати тему підзаголовком, розширити пояснення лідом • розставити ієрархічні акценти

© Шевченко Вікторія, 2022

Половина. Як показати?

© Шевченко Вікторія, 2014

Кругова діаграма помилково вибрана. Чому?

© Шевченко Вікторія, 2014

Колір подібність

© Шевченко Вікторія, 2014

колір - значення

© Шевченко Вікторія, 2014

© Шевченко Вікторія, 2022.

не впорядкована

© Шевченко Вікторія, 2014

Заголовок не відповідає виду візуалізації, неефективне використання піктограм

© Шевченко Вікторія, 2014

дуже складна для розуміння послідовність дій звернення депутата до прокуратури

© Шевченко Вікторія, 2014

© Шевченко Вікторія, 2014

періодична система методів візуалізації Р. Лендлера, М. Еплера

http://www.visual-literacy.org/periodic_table/periodic_table.html#

© Шевченко Вікторія, 2014

Вибір заголовка Заголовок має: •відображати основну ідею •бути коротким •однозначно зрозумілим •не потребувати пояснень •не суперечити візуалізації •бути емоційним

© Шевченко Вікторія, 2022

Теми вірусного контенту

© Шевченко Вікторія, 2022

Половина львів’ян вважає нічні рейси громадського транспорту потрібними http://dyvys.info/suspilstvo/polovyna-lvivyan-vvazhaje-nichni-rejsy-hromadskoho-transportu-potribnymy-infohrafika.html

© Шевченко Вікторія, 2022

Емоційність заголовка Headline Analyzer Tool https:// headlines.cosch edule.com/ headlines/ 242091/ analysis/ 1549562/ summary

© Шевченко Вікторія, 2022

© Шевченко Вікторія, 2014

Популярні слова в соцмережах

© Шевченко Вікторія, 2022

заголовок та візуалізація розходяться у значенні

© Шевченко Вікторія, 2014

Напишіть заголовок

© Шевченко Вікторія, 2022.

Придумати заголовок

© Шевченко Вікторія, 2022

Завдання

© Шевченко Вікторія, 2022

Завдання

Написати 3 варіанти заголовку, зробити акцент публікації

© Шевченко Вікторія, 2022

Акцент візуалізації •головна думка •відсутність зайвого •оригінальність •різноманітність •відповідність запитам •відома особистість •абстракція •колір •розмір •композиція © Шевченко Вікторія, 2015

© Шевченко Вікторія, 2022

акцент

© Шевченко Вікторія, 2014

оригінальність та розмаїтість

© Шевченко Вікторія, 2014

© Шевченко Вікторія, 2014

Форми візуалізації

• характеристика, структура об’єкта • описова, репортажна візуалізація • візуалізація для порівняння • демонстрація тенденцій, залежностей у часі • дослідження проблеми • передача просторових даних (карти, схеми). © Шевченко Вікторія, 2022

Форми візуалізації

• характеристика, структура об’єкта (характерні особливості, устрій, структура, складники поняття чи явища, ієрархія зв’язків та понять). Мета – показати всі складники поняття (явища), через які проявляється його сутність.

• описова, репортажна візуалізація (поради щодо певної ситуації, портрет, опис, особливості особи чи об’єкта, реконструкція події (не хронологія, а послідовне розгортання). Мета – охарактеризувати певний зріз явища, послідовність дій для досягнення результату.

• візуалізація для порівняння (розміри, значення, об’єкти, люди, поняття, події, рейтинги). Мета – співставити складники явища.

• демонстрація тенденцій, залежностей у часі (хронологія, прогноз). Мета – показати видозміни явища у часі.

• дослідження проблеми (відображення прихованих даних, когнітивних процесів). Мета – складні дослідження представити у доступному вигляді.

• передача просторових даних (карти, схеми). Мета – з’ясувати локацію об’єкта у просторі. © Шевченко Вікторія, 2022

Форми візуалізації: характеристика, структура об’єкта • складники, особливості, характеристики об’єкта, поняття, явища; • устрій, структура об’єкта; • ієрархія зв’язків та понять. Мета – показати структуру, всі складники поняття (явища), які виявляють його сутність. © Шевченко Вікторія, 2014

складники об’єкта характерні особливості

Шевченко Вікторія, 2013

устрій об’єкта

Шевченко Вікторія, 2013

ієрархія зв’язків і понять

© Шевченко Вікторія, 2022

Постер

Шевченко Вікторія, 2013

Архітектурне креслення – стуктура об’єкта

Шевченко Вікторія, 2013

Фернандо http://visualoop.com/blog/ 84488/portfolio-of-the-weekfernando-batista Батист

Шевченко Вікторія, 2013

© Шевченко Вікторія, 2022

Шевченко Вікторія, 2013

Ієрархія зв’язків та понять Зв’язок між поняттями виражають діаграми: •кругові, •Вєнна, •Сенкі •зв’язків (дерева та структурні діаграми) © Шевченко Вікторія, 2022.

Діаграми зв’язків показують зв’язки всередині набору даних у вигляді ліній, на яких розміщені значення. Значення пов’язані дугами. Зв’язки можуть мати напрям. Можуть замінятися круговою діаграмою або блок-схемами.

© Шевченко Вікторія, 2022.

Дерева і структурні діаграми відображають структуру об’єкта і взаємозв’язків між його елементами Граф і дерево показують ієрархію набору даних, в яких елементи є батьківськими чи дочірніми по відношенню один до іншого. Вибудовується у вигляді сполучених лініями вузлів або зверху вниз, або з центру композиції. Вузол, як правило, зображується колом чи прямокутником

© Шевченко Вікторія, 2022.

Приклади дерев

© Шевченко Вікторія, 2022.

brainstorming (мозковий штурм)

© Шевченко Вікторія, 2022.

100 років самотності

© Шевченко Вікторія, 2015

Шевченко Вікторія, 2013

дерево ієрархії Stefanie Posavec кожен видимий власності представлена ​використовується для обміну даними, будь то використання кольору, довжини дуг з пелюсток, положення та послідовність відбувається, ніщо не є надмірною, і все не випадково.

© Шевченко Вікторія, 2022.

Дерева і структурні діаграми

Шевченко Вікторія, 2013

Діаграма Вєнна / Ейлера Містить відношення між значеннями набору даних, що накладаються одні на інші у вигляді кіл. Область, в якій пересікаються всі кола, показує загальне між ними.

Шевченко Вікторія, 2013

діаграма представлення цілей

© Шевченко Вікторія, 2022.

Кругова діаграма може містити кілька наборів даних – у цьому випадку діаграми накладаються одна на іншу, причому кожна з них менша за попередню.

© Шевченко Вікторія, 2022.

https://www.flickr.com/photos/unthinkingly/5356388180/

Шевченко Вікторія, 2013

Guardian – бюджет країни, розподілений за витратами різних міністерств. http://www.scribd.com/doc/39553294/Public-Spending-2009-10-by-UKgovernment-department

© Шевченко Вікторія, 2022.

http://london2012.nytimes .com/results статистика олімпійських ігор 1896-2012. Можливість оцінити розвиток подій та внесок кожної країни

Шевченко Вікторія, 2013

Шевченко Вікторія, 2013

Діаграма Сенкі - візуалізація процесу містить основні кроки процесу й інтенсивність його протікання на кожній з ділянок. Відображається без вузлів у вигляді ліній різної товщини, що з’єднуються (залежно від величини параметра). Має будь-яку кількість початкових і кінцевих точок, а отже безліч сценаріїв розвитку.

Шевченко Вікторія, 2013

© Шевченко Вікторія, 2015

Імітація парламенту:лише 14% законопроектів були прийняті голосуванням

© Шевченко Вікторія, 2022.

Анатомія літери

Шевченко Вікторія, 2013

Форми візуалізації: описова, репортажна візуалізація • • • • •

поради щодо певної ситуації; традиції; портрет, опис, властивості особи чи об’єкта; реконструкція події (не хронологія, а опис), набір дій для досягнення результату.

Мета – охарактеризувати певний сріз явища, навести послідовність дій для досягнення результату.

© Шевченко Вікторія, 2022.

поради щодо певної ситуації

Шевченко Вікторія, 2013

опис, портрет

Шевченко Вікторія, 2022

Андріівський спуск у всій красі

Шевченко Вікторія, 2013

2+4.3

Стаття “Дорогой наш Президент”

© Шевченко Вікторія, 2013

опис події

невдалий

© Шевченко Вікторія, 2022.

образ “Душі людей летять на небо” Після теракту в Парижі 13.11.2015 (Французський тижневик Charlie Hebdo: https://charliehebdo.fr/wp-content/uploads/2015/11/JUINATTENTATSPARIS.jpg)

Шевченко Вікторія, 2013

властивості об’єкта

© Шевченко Вікторія, 2022.

Шевченко Вікторія, 2022.

Шевченко Вікторія, 2013

реконструкція події, історія

Шевченко Вікторія, 2013

набір дій досягнення мети

Мета - отримати виплати

© Шевченко Вікторія, 2022

© Шевченко Вікторія, 2013

Форми візуалізації: візуалізація для порівняння • • • •

розміри, значення, об’єкти, люди, поняття, події, рейтинги.

Мета – співставити складники явища.

© Шевченко Вікторія, 2022.

порівняння чисельності населення

Шевченко Вікторія, 2013

© Шевченко Вікторія, 2022

Шевченко Вікторія, 2013

бюджет країни

© Шевченко Вікторія, 2022

порівняння

Шевченко Вікторія, 2013

© Шевченко Вікторія, 2022.

Шевченко Вікторія, 2013

© Шевченко Вікторія, 2022.

візуальне порівняння

Шевченко Вікторія, 2013

Шевченко Вікторія, 2022

Олімпійські досягнення

Шевченко Вікторія, 2022

http://www.vox.com/ 2014/11/24/7276877/ utah-police-shootings

Шевченко Вікторія, 2013

порівняння різні способи

Шевченко Вікторія, 2013

опитування

Шевченко Вікторія, 2022.

Шевченко Вікторія, 2022

не лише порівняння, але у круговій - частка від загальної кількості

Шевченко Вікторія, 2013

Хмара тегів порівнює ключові слова чи фрази (значення), що містяться всередині фрагмента тексту (набору даних), присвоюючи кожному з них свій кегль. Розмір шрифту залежить від величини параметра.

© Шевченко Вікторія, 2022.

2+4.2

Шевченко Вікторія, 2013

Реклама Інститута Гете Анон конкурса: написати історію, пов’язану з германізмом, наприклад, щось про бухгалтера чи бутерброд

© Шевченко Вікторія, 2022

© Шевченко Вікторія, 2022

Завдання Порівняти: - валідність слів промови президента на Новий рік - 25 слів, що найчастіше згадувалися у виданні на початку і в кінці року.

© Шевченко Вікторія, 2022.

Форми візуалізації: демонстрація тенденцій залежності у часі, прогноз розвитку події закономірності, тенденції; Мета – показати видозміни явища у часі. Наприклад, таймлайн - біографія людини (життєвий шлях), хронологія події, історичні процеси, прогнозування.

© Шевченко Вікторія, 2022

Шевченко Вікторія, 2013

© Шевченко Вікторія, 2022

© Шевченко Вікторія, 2013

історичний процес Генний код українця . Тиждень № 50, 2012

Шевченко Вікторія, 2013

Еволюція мегаполісу Нью Йорк

Шевченко Вікторія, 2013

BBC-history таймлайн історії Великобританії http://www.bbc.co.uk/history/british/launch_tl_british.shtml

Збільшуючи масштаб, можна прочитати детальніше про події в конкретному році, тут же є посилання на деякі матеріали ВВС на обрану історичну тему.

© Шевченко Вікторія, 2022

послідовність дій

© Шевченко Вікторія, 2022.

діаграма накопичення

та її альтернатива

Шевченко Вікторія, 2013

Діаграма розкиду показує мінімальну і максимальну величини значення всередині набору даних у вигляді урізаної стовпчикової діаграми. Початок стовпчика лежить не на горизонтальній осі, а в точці мінімального значення за вертикаллю.

© Шевченко Вікторія, 2022.

Діаграма часу

© Шевченко Вікторія, 2022.

тенденції, таймлайн

© Шевченко Вікторія, 2022.

© Шевченко Вікторія, 2022.

тенденції: аналіз економічного стану України на лютий 2013 р.

Шевченко Вікторія, 2013

Форми візуалізації: складні явища • дослідження проблеми, • відображення прихованих даних, • когнітивні процеси. Мета – складні умовиводи представити у доступному вигляді; пояснити закони, правила, технології , відкриття пересічному читачеві; виявити неявні дані.

© Шевченко Вікторія, 2014

© Шевченко Вікторія, 2014

© Шевченко Вікторія, 2022.

© Шевченко Вікторія, 2022.

© Шевченко Вікторія, 2022.

технологія виробництва

© Шевченко Вікторія, 2022.

© Шевченко Вікторія, 2022

візуалізація процесу

© Шевченко Вікторія, 2022.

оповідь про родинні зв’язки

© Шевченко Вікторія, 2022.

© Шевченко Вікторія, 2022.

Діаграми візуалізації процесу відображають процес, що складається з послідовностей дій. Може містити один чи кілька сценаріїв розвитку подій Формалізована блок-схема показує ключеві кроки, які проходить процес, у вигляді зв’язаних один з іншим однонаправленими стрілками блоків. Відображається у стандартизованому форматі, де вигляд блоку залежить від його ролі у процесі; Діаграма циклічного процесу показує основні кроки процесу, який містить набір дій-повторів. Циклічна частина відображається у вигляді кільця, яке утворюють з’єднані стрілками кроки. Початок і кінець процесу обов’язкові

Шевченко Вікторія, 2013

Візуальне ранжування

© Шевченко Вікторія, 2022.

© Шевченко Вікторія, 2022.

© Шевченко Вікторія, 2022.

Форми візуалізації: передача просторових даних • • • •

розташування схема орієнтація в просторі реальні масштаби.

Мета – з’ясувати локацію об’єкта у просторі (карти, схеми).

© Шевченко Вікторія, 2014

Хто покупає зброю

© Шевченко Вікторія, 2022.

© Шевченко Вікторія, 2022.

© Шевченко Вікторія, 2022.

Нові інструменти цифрових розслідувань

у жовтні 2022 р. BELLINGCAT продемострував можливості пошуку об’єктів та обличь у відео, геолокація https://www.bellingcat.com/resources/2022/10/06/automated-map-searches-scambusting-tools-and-twitter-search-translations-here-are-the-results-of-bellingcatssecond-hackathon/? fbclid=IwAR0JTy8_rS_0KIjwtI8sH1upf0C9DdbvX7MZWXL8DTyFtvnjHyw_Tt42w_c

© Шевченко Вікторія, 2022

Література

Cairo A. Excerpted from the Functional Art: Introduction. – Pearson Education, Inc. and New Riders, 2012. – P.4 Cairo A. Visual journalism : Print and Multimedia infographics storrytelling. – Visualopolis, 2011. – 112 p.

Lengler R., Eppler M. J. Towards a Periodical Table of Visualization Methods for Management //Institute of Corporate Communication University of Lugano, Switzerland. – [Ел. джерело]. – Режим доступу: URL: www.visual−literasy.org/periodic_table.

The Data Journalism Handbook. How Journalists Can Use Data to Improve the News./ Jonathan Gray, Lucy Chambers, Liliana Bounegru.

—UK:O’Reilly Media, 2012—242 p.

Tufte E. Visual & Statistical Thinking: Displays of Evidence for Decision Making. – New York: Graphics Press USA, 1997. – 32 p. Довідник для журналіста: як отримати доступ до урядової інформацію // http://smd.univ.kiev.ua/?p=13004 Желязны Д. Говори на языке диаграм : Пособие про визуальным коммуникациям. М.: Институт комплексных стратегических исследовани, 2013. - 172 с. Журналістика даних (The Data Journalism Handbook) // Тексти.орг. – режим доступу: http://texty.org.ua/pg/chapter/newsmaker/read/40161/40178 Нейтан Я. «Искусство визуализации в бизнесе. Как представить сложную информацию простыми образами» . Издательство: Манн, Иванов и Фербер ISBN 978-5-91657-737-2; 2013. – 352 стр. Ньюман М. Креативный прыжок / Майкл Ньюман / Под ред. К.Л. Аджимян.- М.: Издательский дом «Евро», 2007. – 410 с. Піддубний О. Мультимедійні експерименти // Режим доступу: http://piddubny.com/multymedijni-eksperymenty/ Опубліковано 31.10.2013. Посібник із перевірки (Verification book) // http://smd.univ.kiev.ua/?p=3128, http://verificationhandbook.com/ Розин В.М. Визуальная культура и восприятие: как человек видит и понимает мир. – 4-е изд., доп. / В.М. Розин. – М.: URSS; Либроком, 2009. – 272 с. Роэм Дэн Практика визуального мышления. Оригинальный метод решения сложных проблем Unfolding the Napkin Автор: Издательство: Манн, Иванов и Фербер 396 стр. Самара Т. Структура дизайна. Стильное руководство / Тимоти Самара. – М.: Амфора, 2008. – 304 с. Сучасні інструменти для створення мультимедійного контенту // Вебінар. – Режим доступу http://smd.univ.kiev.ua/?p=7520 Шевченко В. Е. Форми візуалізації в сучасному журналі : монографія / Вікторія Шевченко. – К.: Видавець Паливода А. В., 2013. – 340 с. Шевченко В. Журналістика даних і візуалізація // Підручник з крос-медіа / Видавці І. Крессу, М. Гузун, Л. Василик. – Bonn/Germany – Sibiu/Romania: Schiller Publishing House, 2015. – С. 92-98.

© Шевченко Вікторія, 2022.