11 vizuÁlna reprezentÁcia informÁciÍ ČasŤmnovotny/_nais/files/viscom2014/viscom_11... ·...

42
VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤ 2. 11

Upload: others

Post on 13-Mar-2021

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤ 2.

11

Page 2: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

KRÁTKA REKAPITULÁCIA

OBJAVIŤ NEČAKANÉ, OVERIŤ OČAKÁVANÉ KOMUNIKOVAŤ ZNÁME VIZUÁLNY JAZYK PRE NUMERICKÉ INFO Farby, dĺžky, pozícia, plocha Mozog: POROVNÁVA VEĽKOSTI, DETEGUJE VZORY Vo vzoroch hľadáme: VZORY (ZHLUKY, LÍNIE, TRENDY) ANOMÁLIE (OUTLIERS)

Page 3: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

ZÁKLADNÉ NÁSTROJE VIZUÁLNEJ ANALÝZY

10

Page 4: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

SCATTERPLOT

DVA ROZMERY, DVE VELIČINY Hľadáme: KORELÁCIE ZHLUKY ANOMÁLIE ZÁVISLOSTI Lineárne Exponenciálne, ... ĎALŠÍ ROZMER CEZ FARBU, TVAR

Page 5: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

HISTOGRAM

DISTRIBÚCIA HODNÔT NA JEDNEJ VELIČINE 1. Rozdeliť rozpätie hodnôt na intervaly 2. Pre každý interval spočítať, koľko prvkov má svoju

hodnotu v tomto intervale („Početnosť“) 3. Absolútne (počet ) / Relatívne (%) hodnoty

Page 6: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

HISTOGRAM

ANALÝZA VÝVOJE MEZD V ČR V LETECH 1995–2008, Luboš Marek, 2010

Page 7: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

BOXPLOT

ZOBRAZENIE ŠTATISTICKÝCH VELIČÍN Maximálna hodnota Horný kvartil Medián Spodný kvartil Minimálna hodnota Aby sme videli: ROZDELENIE HODNÔT, SPOĽAHLIVOSŤ ODHADU

Page 8: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

REPREZENTÁCIA VZŤAHOV

10

Page 9: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

REPREZENTÁCIA VZŤAHOV

MAPA VZŤAHOV NA JEFFERSON HIGH SCHOOL "Chains of affection: The structure of adolescent romantic and sexual networks,„ Bearman PS, Moody J, Stovel K.

Page 10: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

REPREZENTÁCIA VZŤAHOV

Page 11: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

GULIČKY A ČIARKY (NODE-LINK DIAGRAM)

ENTITY → VRCHOLY VZŤAHY → HRANY VEĽA ZÁLEŽÍ NA POZÍCII VRCHOLOV Zoskupenia, štruktúry, úrovne... Zoradenie TVAR HRÁN Napr. orientácia vzťahu

Page 12: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

OBLÚKOVÝ (ARC) DIAGRAM

http://www.project-reason.org

Page 13: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

ARC DIAGRAMY

LINEÁRNE ZORADENIE ORIENTÁCIA OBLÚKOV Horná / Dolná INTERVALY Martin Wattenberg: The shape of song http://www.turbulence.org/Works/song/

Page 14: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

ČO SA DÁ NÁJSŤ V SIETI

ZHLUKY UZLOV Na základe pozícií (takmer) Kompletné podgrafy VÝZNAMNÉ MIESTA V SIETI Artikulácie, mosty, hviezdice REŤAZE Podgraf plný artikulácií

Page 15: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

RÔZNE DRUHY POZICIOVANIA

NÁHODNÉ ČASOVÉ LINEÁRNE KRUHOVÉ GEOGRAFICKÉ ... STROMY: Hierarchické Radiálne Balónové...

Page 16: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

GEOGRAFICKÉ ROZLOŽENIE UZLOV

http://bestiario.org/research/citydistances/

Page 17: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

SILOVÉ ROZLOŽENIE (FORCE-DIRECTED)

NA ZÁKLADE PODOBNOSTI Podobné = priťahujú sa Nepodobné = odpudzujú sa

http://audiomap.tuneglue.net/

Page 18: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

SOCIÁLNE SIETE

Analyzing the Terrorist Social Networks with Visualization Tools Yang & Liu & Sageman

Page 19: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

POZOR NA POČET DÁT

Databáza IMDB: 250.000 filmov vs. 900.000 hercov

Page 20: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

ČO S VIACERÝMI ROZMERMI?

Page 21: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

VIAC MENEJ-ROZMERNÝCH GRAFOV

Matica scatterplotov

Business graphics

Page 22: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

PRIDAŤ VIAC ROZMEROV DO GRAFU

TRETÍ GEOMETRICKÝ ROZMER (3D) FARBA TVAR ...

Business graphics

Page 23: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

REDUKCIA POČTU ROZMEROV

N D → P D, P < N MÔŽEME DOSTAŤ AJ ÚPLNE NOVÉ ROZMERY, KTORÉ NEMAJÚ JASNÝ VÝZNAM PODSTATNÉ JE ZACHOVAŤ Vzťahy – zoskupenia, trendy, anomálie Topológiu Relatívne vzdialenosti a miery

Business graphics

Page 24: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

SAMO-SA-ORGANIZUJÚCE MAPY (SOM)

MAPA SVETOVEJ CHUDOBY 39 ROZMEROV ZREDUKOVANÝCH DO 2D

Page 25: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

FORCE-DIRECTED LAYOUT (FDL)

Page 26: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

PARALELNÉ SÚRADNICE

SÚRADNICOVÉ OSI NIE SÚ KOLMÉ ALE ROVNOBEŽNÉ NAMIESTO BODU JE ČIARA TAKTO MÔŽEME UMIESTNIŤ VEĽA OSÍ VEDĽA SEBA DO ROVINY

Page 27: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

ŠTVOR-ROZMERNÉ DÁTA

Page 28: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

PÄŤ-ROZMERNÉ DÁTA

ÚDAJE O AUTÁCH dojazd, výkon, hmotnosť,zrýchlenie, krajina

Page 29: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

ZHLUKY DÁT

OZNAČENÉ BOLI EURÓPSKE AUTÁ Majú nízky výkon, sú ľahké, majú dobrý dojazd

Page 30: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

ANOMÁLIE V DÁTACH

VÝKON-DOJAZD SÚ NEGATÍVNE KORELOVANÉ ALE NAŠLI SME ANOMÁLIU Dve autá, ktoré sú slabé a majú vysokú spotrebu

Page 31: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

ČASOVÉ ZÁVISLOSTI

Page 32: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

ČO SA DÁ NÁJSŤ V ČASOVÝCH DÁTACH?

ČASOVÉ TRENDY (NÁRAST, POKLES...) PREDPOVEDE ČASOVÉ VZORY (CYKLY, OPAKOVANIA) ČASOVÉ KORELÁCIE

Page 33: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

DETEKCIA UDALOSTI

UDALOSŤ – KEĎ DÔJDE K ZMENE V TRENDE

Google Insights pre termín „Pracovné miesta“

Page 34: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

CYKLICKÉ TRENDY, PERIODICKÉ UDALOSTI

Google Insights pre termíny „Futbal“ a „Kapustnica“

Page 35: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

DLHODOBÉ AJ LOKÁLNE SPRÁVANIE

Google Insights pre termíny „Playstation“ a „XBOX“

Page 36: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

CYKLICKÉ UDALOSTI V ŠPIRÁLOVOM GRAFE

Visual Methods for Analyzing Time-Oriented Data [Aigner , Miksch , Müller , Schumann , Tominski]

Page 37: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

VZŤAHY MEDZI VELIČINAMI

Page 38: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

KORELÁCIA NIE JE KAUZALITA

Spurious Correlations , http://www.tylervigen.com/

Page 39: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

KORELÁCIA NIE JE KAUZALITA

http://boingboing.net/2013/01/01/correlation-between-autism-dia.html

Page 40: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

ALE NIEKEDY MOŽNO ...

http://gizmodo.com/5977989/internet-explorer-vs-murder-rate-will-be-your-favorite-chart-today

Page 41: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

ZÁVER

Page 42: 11 VIZUÁLNA REPREZENTÁCIA INFORMÁCIÍ ČASŤmnovotny/_nais/files/viscom2014/viscom_11... · 2014. 5. 19. · force-directed layout (fdl) paralelnÉ sÚradnice sÚradnicovÉ osi

VIDIEŤ A VEDIEŤ

DÁTA → SÚVISLOSTI → POZNANIE VIZUALIZÁCIA POMÁHA ODHALIŤ TIETO SÚVISLOSTI ALEBO OVERIŤ SI POZNANIE