Információ megjelenítés Diagram tervezés
Statisztikák Háromféle hazugság van: hazugságok, átkozott hazugságok és statisztikák A lakosság 82%-a nem eszik elég rostot. 3-ból 2 gyerek az USA-ban nem nem tudja betűzni: koleszterin. A statisztikák teljesen rosszak az esetek 50%-ban
Grafikus megjelenítés A legsikeresebb grafikus ábrázolás egyben a legegyszerűbb is. Nagy mennyiségű információt képesek közvetíteni könnyen érthető módon Ez nagyon nehéz, gyakran innovatív módszerre van szükség!
Szempontok Diagram tervezés A közönség (Nem mindegy hogy mérnököknek, eladóknak, igazgatóknak ábrázoljuk) A cél amit a diagrammal el akarunk érni: Üzenetet közvetítése (Az eladások elmaradnak...) Nagy mennyiségű adat bemutatása Adat kiemelés: ok-okozat felismertetése (Nem az a lényeg amit már ismerünk, hanem az ismeretlen felismerése!!!) Fejlődés monitorozása (Pénzügyi piac alakulása...) Legjobb ha rögtön írunk egy címet!!!
Előnyök: Egyszerűség Megközelíthetőség : könnyebb megérteni Felismerhetőség: könnyebb észrevenni mintákat, kevesebb a felesleges információ Azonnaliság: felismerés azonnali, minimális erőfeszítéssel Használhatóság: az előző pont szerint könnyebb használni
Diagram tervezés lépései Publikálás Felfedezés Megfigyelés Mi a cél? Adatgyűjtés Statisztika Rendezés Adat finomítás Vizuális metafóra választása Több adat kell? Másik diagram? Tipográfia Színek Felülvizsgálat, kísérletezés Jellege? Releváns? Diagram típus Mondat, táblázat
Keret Egy diagram anatómiája Tengely, mértékegység,... Tartalom Szimbólumok, jelek,... Címkék Cím, tengely, vonások a tengelyen,... Háttér Igazából nem sokat ad hozzá
Tengelyek megválasztása Függő és független változó függő független Több független változó esetén a legfontosabb az X tengelyre kerül, a többit más szimbólummal jelöljük
Néhány szabály Az ábra legyen teljes, vagyis minden információ legyen rajta Legyen az ábrának címe A tengelyekre írjuk fel a számok jelentését Válasszunk megfelelő skálát a tengelyeknek A tengely kezdő és vég értékeit állítsuk be úgy, hogy a tengely ne zavarja a megjelenítést Több adat megjelenítésénél egyértelmű legyen melyik pont melyik görbéhez tartozik
Vizuális kódolás
Modell Adat Adat átadás Felismerés Illesztés (map): adat vizuális elem ~Illesztés -1 : vizuális elem adat felismerés Vizualizálás Vizuálistranszfer (kommunikációs áteresztő képesség)
Vizuális illesztés Data Visualization Illesztés: adat vizuális elem Vizuális illesztés legyen Kiszámítható (matematika) visual = f(data) Érthető (invertálható) data = f -1 (visual) Kreatív! Vizuális metafóra
Vizuális metafora Vizuális metafora: egy új rendszer reprezentálása olyan vizuális tulajdonságok alapján mely egy másik, a felhasználónak ismerős rendszerre jellemző. Könyvtár szerkezet: aciklusos gráf Fa szerkezetként mindenki érti!
Hatékonyság Vizuális metafora Ez hibás
Vizuális illesztés : 1. lépés 1. adat vizuális elem választás Vizuális elem: Pont Vonal Terület Térfogat Glyphs
Vizuális illesztés : 2. lépés 1. adat vizuális elem 2. adatattribútum vizuális tulajdonság választás vizuális elem tulajdonságai : Pozíció, x, y, z Méret, hossz, terület, térfogat Irány, szög, dőlés Szín, Szürke árnyalat, textúre Alak Animáció, villogás, mozgás
adat vizuális elem
Pontok Láthatósági problémák
Pontok
Vonalak
Vonalak Vizuális problémák
Vonalak és címkék
Oldalarány
Négyzetek Oszlopdiagram
Négyzetek
Terület
adatattribútum vizuális tulajdonság
Vizuális kódolás, Jacques Bertin Alak Méret Textúra Intenzitás Szín Orientáció Pozíció
Vizuális kódolás, Cleveland és McGill Sorrendiség, melyiket ismerjük fel a legpontosabban, illetve kevésbé pontosan: Pozíció Hossz, irány, szög Terület Térfogat, görbület Árnyékolás, szín Pontosabb
Vizuális kódolás Adat Kategorizált Rendezett Mennyiségi Pozíció Jó Jó Jó Méret Jó Jó Jó Árnyalat Jó Jó Elfogadható Textúra Jó Elfogadható Nem ajánlott Szín Jó Nem ajánlott Nem ajánlott Orientáció Jó Nem ajánlott Nem ajánlott Alak Jó Nem ajánlott Nem ajánlott
Vizuális tulajdonságok hierarchiája Mennyiségi adat Pozíció (legpontosabb) Hossz Szög, meredekség Terület, térfogat Szín Kategórizált adat Pozíció (legpontosabb) Szín, alak Hossz Szög, meredekség Terület, térfogat A fontosabb adatokhoz a pontosabb tulajdonságot használjuk
Duális kódolás Két különböző változót két különböző dimenzióval kódolunk Szín, méret, alak, árnyalat
Méret és szín Dobson, Visual Information Processing and Cartographic Communication, 1983
Ellipszi, ortogonális tengelyek MacEachren, 1995
Integrált és elválasztható Integrált Vörös-zöld Dimenziók Sárga-kék X-méret Y-méret Méret Irány Szín Szín Forma Mozgás Elválasztható Hely Szín
Konfliktus a kódolás között Mondd ki a színt ne a szót!!! Sárga Kék Narancs Fekete Piros Zöld Lila Sárga Vörös Narancs Zöld Fekete Kék Vörös Lila Zöld Kék Narancs