Információ megjelenítés Tufte szabályai
Információ megjelenítés Tufte szabályai
Információ megjelenítés Tufte szabályai
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
<strong>Információ</strong> <strong>megjelenítés</strong><br />
<strong>Tufte</strong> <strong>szabályai</strong>
Mennyiségi adatok <strong>megjelenítés</strong>e<br />
• Edward <strong>Tufte</strong> (Professor, Yale)<br />
–Mondat: 2, 3 adat összehasonlítására alkalmas<br />
–Táblázat:<br />
•sorokba, oszlopokba rendezett adat<br />
•pontos számok közlése<br />
•3 és 20 közötti szám esetén (de több is lehet)<br />
–Grafika:<br />
•nagy mennyiségű adat esetén<br />
•lapos felületen jelenik meg (Virtuális valóság ???)
Példa 1.<br />
•Mondatokat érdemes használni ha kettő vagy<br />
három adat közötti kapcsolatot akarunk leírni.<br />
Táblázatok használata három és 20 adat esetén<br />
javasolt. Több adatot grafikusan tanácsos<br />
megjeleníteni.
Mondat<br />
Táblázat<br />
Grafika<br />
2 és 3<br />
3 és 20<br />
Példa 2.<br />
Adatok mennyisége<br />
2-nél több adat esetén
Adat mennyiség<br />
Példa 3.
1. Mond az igazat<br />
• Grafikus integritás<br />
Alapszabály<br />
2. Csináld hatékonyan, tisztán és pontosan<br />
• Esztétika
Minimalizáljuk a hazugság faktort<br />
•A vizuális tulajdonság legyen egyenesen arányos<br />
az adat tulajdonságával<br />
Hazugság faktor =<br />
A méret a grafikában<br />
A méret az adatban
Maximalizáljuk az adat festék arányt<br />
Adat festék arány =<br />
Festék az adat rajzoláshoz<br />
Festék a teljes ábrában<br />
A nem az adat <strong>megjelenítés</strong>re használt festék aránya.
Maximalizáljuk az adat festék arányt<br />
•Törlési szabályok<br />
–Töröljük a nem-adat tintát.<br />
–Töröljük a redundáns tintát
Maximalizáljuk az adat sűrűséget<br />
Adat sűrűség =<br />
Az adatok száma<br />
A <strong>megjelenítés</strong>i terület
Dimenziók egyenlősége<br />
•Az ábrában használt dimenziók száma nem szabad<br />
hogy meghaladja az adatban levő dimenziók<br />
számát.<br />
–Ne kódoljuk ugyanazt az adatot magassággal és<br />
területtel
Kontextus<br />
•Az adatot mindig kontextusban ábrázoljuk.<br />
–Ne emeljük ki a többi közül.
Példák
Minimalizáljuk a hazugság faktort<br />
Kormány által előírt szabvány a gépkocsi gyártóknak.<br />
1978 -18 mérföld per gallon<br />
1984 -27 mérföld per gallon
Minimalizáljuk a hazugság faktort<br />
18 --> 27 adat 53 %-os változás<br />
0.6 --> 5.3 inch 783 %-os változás<br />
Hazugság faktor: 14.8<br />
-Idő előttünk van, itt nem<br />
-Évszám azonos méretű<br />
-Számok csökkenek jobb<br />
oldalon
Hossz és terület keverése
Adat változás:<br />
(13.34-2.41) / 2.41 * 100 = 454 %<br />
Ábrában:<br />
4280%-os változás
Félrevezető arányok<br />
Úgy tűnik 1992-ben a whisky termelés zérus lett volna ...
Gyenge visszaesést mutat a whisky termelés...
Általában a helyes arány a kettő között van ...
$9000<br />
8875<br />
8750<br />
8625<br />
8500<br />
Részvény piac<br />
Market<br />
1995 1996 1997 1998 1999 2000<br />
Pénzügyi csőd???
$10,000<br />
7500<br />
5000<br />
2500<br />
0<br />
Részvény piac<br />
Market<br />
1995 1996 1997 1998 1999 2000
$10,000<br />
7500<br />
5000<br />
2500<br />
0<br />
Részvény piac<br />
Market<br />
1950 1960 1970 1980 1990 2000<br />
Előzőekben ráadásul kiemeltük a környezetéből
Almák és narancsok<br />
Átfolyó víz mennyisége a Fraser folyóban. Utolsó oszlop szerint<br />
talán szárazság volt?
A helyes adatok összehasonlítása ...
Nobel díj nyertesek száma visszaesett ???
vertikálisan<br />
1 inch = $ 8 1 inch = $ 4<br />
horizontálisan 1 inch = 3.8 év 1 inch = 0.57 év<br />
Halmozottan hamis
Tengely osztás megváltoztatása
Tengely osztás megváltoztatása,<br />
helyes
Kiindulási érték megváltoztatása
Hol a zérus vonal ?
Minimális adatsűrűség
Festék arány
Oszlopdiagram újratervezése, törléssel
Oszlopdiagram újratervezése, törléssel<br />
Keretre nincs is szükség
Oszlopdiagram újratervezése, törléssel<br />
A függőleges vonal sem kell, csak az osztás
Oszlopdiagram újratervezése, törléssel<br />
15%<br />
10%<br />
5%<br />
Az adatból is lehet „törölni”
Oszlopdiagram újratervezése, törléssel<br />
15%<br />
10%<br />
5%<br />
Az osztás sem kell
Oszlopdiagram újratervezése, törléssel<br />
15%<br />
10%<br />
5%<br />
Az alsó vonal sem kell
A különbség elrejtése
Rossz címkézés
Sötét szín: export<br />
Világos szín: import<br />
Egyezmények felrugása<br />
Import-export két országból, országba<br />
???
Trendek melyek nem léteznek<br />
Kapcsolat a londoni tőzsde árindexe és a napsugárzás között???
Kiemelés kontextusból<br />
Semmilyen fontos<br />
Kérdésre nem válaszol
Kiemelés kontextusból, valódi trend
Kiemelés kontextusból<br />
Egyéb értelmezés is lehetne
Bush elnök hogyan csökkentette a szegénységet<br />
4 év<br />
elnökség
Bush elnök hogyan csökkentette a szegénységet<br />
4 év<br />
elnökség
Bush elnök hogyan csökkentette a szegénységet<br />
4 év<br />
elnökség
Bush elnök hogyan csökkentette a szegénységet<br />
4 év<br />
elnökség
A megértést zavaró <strong>megjelenítés</strong>
Bár extra grafikus elemek használhatók a <strong>megjelenítés</strong>nél, de ezek<br />
gyakran csökkentik az ábra „tisztaságát”. Általában az egyszerűbb<br />
jobb.
A megértést zavaró <strong>megjelenítés</strong><br />
Lenyomja a dobozokat<br />
Előre van húzva<br />
Felemeli a dobozokat
Nem csak az ábrával hazudtak.<br />
Az évek során 1.7 millióval<br />
Növekedett a lakosság (10%)<br />
Infláció is volt
Vizuális szemét
Vizuális szemét
Munkaerőpiac<br />
•A 3Ds megdöntés a hátsó<br />
vonalakat meredekebbé teszi<br />
•A nők részvétele csökkent<br />
vagy növekedett? (Nézzük a<br />
skálát)<br />
•A busz és a megálló hogyan<br />
kapcsolódik<br />
•Vizuálisan zavaró elemek
Semmit mondó ábrák
Ábra ami nem mond semmit<br />
Egy integrál kiértékelése N pont segítségével...
Tengelyekre írjuk fel, hogy mit ábrázolunk...<br />
De az adatokról még mindig semmit nem tudunk meg
Log alapú tengely ...
Az első pontot mozgassuk el a tengelytől az x skála kezdeti<br />
értékének megváltoztatásával...
Több adat is ábrázolható egyszerre, de különböző módon és jelöljük<br />
mi mit jelent...
Piaci részesedés<br />
Az idő múlását<br />
mutatja, de más<br />
változást nem<br />
nagyon!
Piaci részesedés, helyes
Challanger katasztrófája<br />
•A Challanger katasztrófáját az űrrepülő kiegészítő<br />
rakétájának két szekciója közötti gumi szigetelő<br />
gyűrű (O-ring) tönkremenetele okozta<br />
•Morton Thiokol<br />
–A rakéta gyártó technikusa<br />
–Kilövés előtti délután, 13 oldalas fax a NASA-nak<br />
–Kilövés elleni javaslat<br />
•NASA szerint nem elég az információ, hogy az<br />
alacsony hőmérséklet problémát okozhat
Challanger katasztrófája
Challanger katasztrófája
Halálozási arány
Halálozási arány
Halálozási arány