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

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

План План © Шевченко Вікторія, 2022 1. Що таке візуалізація? 2. Де шукати дані? (тема «Дані для медіа») 3. Як аналізувати дані? (типи порівняння даних) 4. Як інтрепретувати дані? (форми візуалізації) 5. Програми для створення візуалізацій (тема «Редактори створення візуалізацій»)

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

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

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

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

© Шевченко Вікторія, 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 https://www.ted.com/talks/manuel_lima_a_visual_history_of_human_knowledge/transcript?language=ru 1.Форма - функціональність 2.Починайте з питання 3.Інтерактивність 4.Цитуйте джерело 5.Історія 6.Естетика 7.Релевантність 8.Час 9.Знання 10.Уникайте невиправданих візуалізацій

https://www.nytimes.com/by/an drew-w-lehren

Вибір темиВибір теми © Шевченко Вікторія, 2022. Ендрю Лерен “Відкриті таємниці»

подає приклади найяскравіших історій, теми яких було їм знайдено і розкрито.

Розслідування Розслідування © Шевченко Вікторія, 2022.

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

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

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

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

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

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

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

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

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

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

періодична система методів візуалізаціїперіодична система методів візуалізації Р. Лендлера, М. ЕплераР. Лендлера, М. Еплера http://www.visual-literacy.org/periodic_table/periodic_table.html# http://www.visual-literacy.org/periodic_table/periodic_table.html#

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

Теми вірусного контентуТеми вірусного контенту © Шевченко Вікторія, 2022

http://dyvys.info/suspilstvo/polovyna-lvivyan-vvazhaje-nichni-rejsy-hromadskoho-transportu-potribnymy-infohrafika.html

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

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

Популярні слова в соцмережахПопулярні слова в соцмережах © Шевченко Вікторія, 2022

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

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

Придумати заголовокПридумати заголовок © Шевченко Вікторія, 2022

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

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

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

акцент акцент

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

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

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

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

Шевченко Вікторія, 2013 складники об’єктаскладники об’єкта характерні особливості

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

ієрархія зв’язків і понятьієрархія зв’язків і понять © Шевченко Вікторія, 2022

Шевченко Вікторія, 2013 Архітектурне креслення – стуктура об’єктаАрхітектурне креслення – стуктура об’єкта

Шевченко Вікторія, 2013 Фернандо Фернандо Батист Батист http://visualoop.com/blog/ 84488/portfolio-of-the-weekfernando-batista

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

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

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

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

PosavecStefanie Posavec

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

Шевченко Вікторія, 2013 Дерева і структурніДерева і структурні діаграми діаграми

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

Шевченко Вікторія, 2013 https://www.flickr.com/photos/unthinkingly/5356388180/ https://www.flickr.com/photos/unthinkingly/5356388180/

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

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

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

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

Шевченко Вікторія, 2013 поради щодопоради щодо певної ситуаціїпевної ситуації

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

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

тижневик Charlie Hebdo: https://charliehebdo.fr/wp-content/uploads/2015/11/JUINATTENTATSPARIS.jpg)

образ образ Шевченко Вікторія, 2013 “Душі людей летять на небо” Після теракту в Парижі 13.11.2015 (Французський

властивості об’єктавластивості об’єкта © Шевченко Вікторія, 2022.

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

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

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

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

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

порівняння порівняння

Шевченко Вікторія, 2013 візуальне візуальне порівняння порівняння

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

Шевченко Вікторія, 2022 Олімпійські досягненняОлімпійські досягнення

Шевченко Вікторія, 2013 http://www.vox.com/ http://www.vox.com/ 2014/11/24/7276877/ 2014/11/24/7276877/ utah-police-shootings utah-police-shootings

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

Шевченко Вікторія, 2022. опитування опитування

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

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

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

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

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

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

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

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

© Шевченко Вікторія, 2022 BBC-history таймлайн історії ВеликобританіїBBC-history таймлайн історії Великобританії http://www.bbc.co.uk/history/british/launch_tl_british.shtml http://www.bbc.co.uk/history/british/launch_tl_british.shtml Збільшуючи масштаб, можна прочитати детальніше про події в конкретному році, тут же є посилання на деякі матеріали ВВС на обрану історичну тему.

діаграма накопиченнядіаграма накопичення та її альтернатива

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

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

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

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

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

Візуальне ранжуванняВізуальне ранжування Шевченко Вікторія, 2022.

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

Нові інструменти цифровихНові інструменти цифрових розслідувань розслідувань © Шевченко Вікторія, 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

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.