Інфографіка. Форма подання інформації

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

Інфографіка

презентація лекції

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


План теми

• Графіки

• Діаграми

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

• Блок-схеми• Матриці

• Діаграми зв’язків• Карти

• Рисунки

• Технічна ілюстрація

• Схема Абела


Класифікація інфографіки


Графіки демонструють залежність даниходин від іншого

Візуальне порівняння кількісна інформація у вигляді пропорційнихформ дає змогу краще зрозуміти кількісне співвідношенняелементів. Будуються відповідно до осей X та Y, буваютьтривимірні

• а) Лінійні графіки – найпростіші та найпоширеніші ІГ. Задопомогою лінії об’єднують набір точок, що відповідаютьзначення на осях. В англійських джерелах ці графіка називаютьтакож «температурними» і використовують для показу даних, отриманих за певний період. Вони відображають одночасно ікількісні, і часові показники. Лінійні графіки ефективно відбиваютьзміни даних і дають змогу прогнозувати. Наочне порівняння двохчи більше серій даних протягом спільного часу дає змогу виявититенденцію їхнього розвитку. Останнім часом стало популярнимзастосовувати лінійні графіки у формі хокейної ключки, колипорівнювані дані мають тенденцію від поступового додинамічного рості чи спаду;





Графіки

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



Діаграми порівняння

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


Діаграми

• а) Стовпчикова і брускова діаграмипоказують один чи кілька наборів даних, порівнюючи їх між собою. У такихдіаграмах зіставлення величиндосягається завдяки зображеннюдекількох прямокутників різного розміру, які показують у масштабі ті чи іншівеличини. Існує два варіантивідображення у випадку кількох наборів –або у формі кількох поряд розташованихстовпчиків, або у формі одного, алерозділеного всередині відповідно довідсоткової частки значень.


Діаграми


Діаграми


Діаграми

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


Діаграми• в) Секторальна (кругова) діаграма відображає відсоток, який займає кожне

значення всередині набору даних, у вигляді розбитого на частки кола. Можемістити кілька наборів даних – у цьому випадку діаграми накладаються одна наіншу, причому кожна з них менша за попередню. Застосування цього видуграфіків у видавничій справі виявило дві тенденції: використання кола івикористання півкола. Вважається, що півколо зручніше для читання. Сприйняття малюнків опирається на лінії сили і сильні точки, розміщенівідносно стабільних елементів. У кола немає бази і погляд спрямовується дойого центра, тому око повинно вивчити всю його поверхню за багатьманапрямами. Основна одиниця вимірів у таких графіках – відсоток, хочазустрічаються і числові показники;


Діаграми


Діаграми• г) Діаграма розірваних секторів привертає увагучитача до одного або двох секторів, які євихідними.


г) Діаграма розірваних секторів


г) Діаграма розірваних секторів


д) Діаграма-площадка

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






е) Кільцева діаграма• демонструє відсоток від максимальної кількості, яку займаєодне зі значень у наборі даних, у вигляді частковозафарбованого кільця. Наприклад, кількість завойованихна олімпіаді медалей відносно максимальної. Частовикористовується одночасно кілька таких діаграм дляпорівняння різних значень;




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



ж) Пелюсткова діаграма• порівнює величини кількох значень, кожне з якихвідповідає точці на осі. Кількість осей аналогічнакількості значень, а точки об’єднані лініями. Наприклад, порівняння рентабельності кожного знапрямів діяльності організації;




з) Хмара тегів

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



и) Теплова діаграма

• порівнює значення всередині наборуданих, зафарбовуючи їх в один ізкольорів раніше вибраного спектра. Основою є зображення чи іншадіаграма, на якій розміщені значення. Колір залежить від величинипараметра і найчастіше накладаєтьсяу вигляді плям;




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

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


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





• б) Ментальна карта демонструєсклад і структуру явища чи поняття увигляді графа, в якому кожен вузолмає один чи кілька дочірніхелементів; гілки симетричнорозходяться від вузла, розміщеного уцентрі зображення;


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





• в) Формалізовані структурнідіаграми показують склад і структурусистеми чи її частини у виглядікарток, які описані з різним ступенемдеталізації й пов’язані одна з іншоюяк батьківські і дочірні. Це візуальнепредставлення структури ікомпонентів аргументу вінформаційній логіці;








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







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




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




Діаграми візуалізації процесу (блок-схеми)

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

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









• б) Неформалізована блок-схемадемонструє основні кроки, якіпроходить процес, у виглядізв’язаних один з іншим стрілкамиблоків. Відображається у довільнійформі, коли кроки показано різнимифігурами, стрілки можуть бутидвонаправлені чи взагалі не матинапряму. Крім того, блоки можутьбути об’єднані у групи;




Діаграми візуалізаціїпроцесу (блок-схеми)



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


Діаграмивізуалізаціїпроцесу(блок-схеми)







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


Діаграмивізуалізаціїпроцесу(блок-схеми)






Матрицізіставляють між собою значення всерединінабору даних у вигляді таблиці

• а) Таблиця показує набір даних у виглядізаповнених значеннями комірок, організованиху стовпчики та рядки. Кожному рядку тастовпчику відповідає параметр, який визначаєконкретну комірку для значення. Дляпокращення їх читабельності використовуютькольори, тіні, сірі поля. Як інструменткомунікації, таблиця допускає формуоб’єднання інформації з необмеженого рядурізних соціальних або наукових контекстів. Цезабезпечує супровід інформації, яка інакше небула б очевидною, або зрозумілою


Матриці


Матриці


мартиці Таблиці


Матриці• б) Календар

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


Матриціб) Календар – вид таблиці, що міститьінформацію про календарний місяць, організований за датами і днямитижня.


Матриці• б) Календар

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


Діаграми часумістять дані залежно від часу• а) Часова шкала показує значення з наборуданих на горизонтальній осі, яка відповідає часу. Відрізки між значеннями можуть бути будь-якоївеличини;


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



• б) Діаграма Ганта (діаграма-водоспад)відображає послідовність, тривалість, а також часпочатку й закінчення етапів і конкретних завдань, необхідних для виконання проекта. Будується увигляді «водоспаду» з одного чи кількох каскадів– з’єднаних стрілками блоків, розміщених задіагоналлю зверху вниз, зліва направо (тобто, «сходинками»). Причому довжина блоку залежитьвід необхідного для виконання часу. Наприклад, завдання, які потрібно виконати для написання, підготовки до захисту та захисту дисертації. Цейвид схожий на діаграми візуалізації процесів.






Діаграми зв’язків

• показують зв’язки всередині наборуданих, як правило, досить об’ємних

• а) Кругова діаграма зв’язківдемонструє зв’язки всередині наборуданих у вигляді кільця, на якомурозміщені значення. Значенняпов’язані дугами чи лініями, щознаходяться у внутрішній областікола. Зв’язки можуть мати напрям;


Діаграмизв’язків


Діаграмизв’язків





• б) Лінійна діаграма зв’язків показуєзв’язки всередині набору даних увигляді ліній, на яких розміщенізначення. Значення пов’язані дугами, розташованими зверху та знизу відліній. Зв’язки можуть мати напрям. Використовується як альтернативнийваріант кругової діаграми зв’язків. Смисл і завдання у них однакові;







• в) Зв’язки на карті містятьінформацію про зв’язки всерединінабору даних у вигляді земної кулі чигеографічної карти, на якій розміщенізначення. Значення зв’язані дугами, якщо зображення тримірне, чилініями, якщо карта пласка. Зв’язкиможуть мати напрям;









• г) Дендрограма показує близькістьзначень набору даних за одним ізпараметрів, використовуючи вісь Y длярозміщення безпосередньо значень, а вісьХ – величини параметра. Відображаєтьсяу вигляді набору горизонтальних ліній, якіз’єднуються у випадку співпадіння значеньза параметром. Чим раніше співпадаютьзначення на осі Х, тим ближче вонизнаходяться один до іншого.






Картидемонструють дані, залежні від географіїчи архітектури деякогооб’єкта

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


Карти


Картиб) Фотографічні карти містятьінформацію про географічнийоб’єкт у вигляді ФГ зі супутникачи літака;


Карти


Картив) Дорожнікартипоказують усхематичному виглядітраси, магістралі, залізничні таінші дороги, суміщені зіскладовимигеографічнихоб’єктів;


Карти


Карти


Карти

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


Карти


Карти


Карти


Карти

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


Карти


Карти


Карти

е) Архітектурний план показує усхематичному вигляді форму івнутрішній устрій одного з поверхівбудинку чи іншої архітектурноїспоруди. Також може міститиінформацію про розташуваннямеблів та інших предметів уприміщенні;


Карти


Карти


Карти


Карти

є) Схема маршрутів громадськоготранспорту відображає зупинкигромадського транспорту у виглядіоднієї чи кількох ліній різногокольору, що пересікаються;


Карти


Карти


Карти


Карти

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


Карти


Карти


Карти


Ілюстраціївідображають процес чи явище унеформалізованому вигляда) Рисунок показуєосновні кроки, якіпроходить процес, увигляді зображеного накартинці сюжеті абоструктуру явища увигляді візуальноїметафори. Є аналогомграфіка, діаграми чинеформальної блок-схеми;


Рисунокб) Комікс ікарикатурадемонструютьосновні крокипослідовногопроцесу чи явищау вигляді наборукартинок, кожна зяких показує одиніз його етапів увигляді невеликогосюжету;


Рисунок


Рисунок


Рисунок

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


Рисунок


Рисунок


Рисунок


Рисунок

• г) Ізотайп (у графічному дизайні) –система піктограм, розроблена О. Нойратом, для комунікативногоінформування простим, невербальним шляхом. Ізотайпвключає набір стилізованих підлюдину (чи об’єкти, на якінаправлена дія людини) рисунків


Рисунок


Рисунок


Рисунок


• Окрім поділу за способомвідображення ІГ групується затематичним характером: наукова(дослідницька), освітня, технічна, статистична, картографічна (геологія, географія, космографія).


Теоретики вирізняють абстрактну та науковувізуалізацію, засновану на моделях науковогознання. Абстрактна ІГ демонструє концептуальніконструкції у дво- або тривимірному середовищі. Ці форми цілком довільні. Розміщення інформаціїбазується не на основі реально існуючих даних, ав цифровій формі конструювання зображенняпрогнозованого об’єкта чи явища. Науковавізуалізація опирається виключно на науковепідґрунтя. У спеціалізованих журналах авторирозміщують зразки обох видів ІГ.





Технічна ілюстрація

• – зображення для візуального повідомленнятехнічної природи інформації. Технічні ілюстраціїможуть бути представлені як технічний малюнокабо діаграма. Мета технічної ілюстрації –провести виразні зображення, які фактичносупроводжуються визначеною інформацією, черезвізуальний канал для сприйняття людиною; описати або пояснити елементи технічній інетехнічній аудиторіям. Візуальне зображеннямає бути точне у вимірах і пропорціях, і повиннезабезпечити цілісне враження того, що таке –об'єкт і як він функціонує (Дод. Д.10, т. ІІ, с. 79).


Технічна ілюстрація, що базується наоснові комунікації, поділяється на трикатегорії:• - комунікація, розрахована на

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





• - комунікація, розрахована наспеціалістів та науковців: використовується інженерами, вченими, спеціалістами у галузі дляспілкування на відповідному рівні. Використання технічної ілюстраціїмає власну складну термінологію іспеціалізовані символи;





• - комунікація міжвисококваліфікованими експертамивикористовується спеціалістами дляспілкування у вузькомувисококваліфікованому полі. Цекомплексні ілюстрації, які містятьжаргон і символи, не зрозумілі длязагалу.






• Цікаву схему для вибору типуінфографічного матеріалузапропонував американський вченийЕ. Абела у 2006 р. [163]



Documents

Інфографіка. Форма подання інформації