Teaching talk:TUW - UE InfoVis WS 2005/06 - Gruppe G8 - Aufgabe 2

From InfoVis:Wiki
Revision as of 18:57, 25 August 2007 by BsxHp7 (talk | contribs)
Jump to navigation Jump to search

mia kirshner televisore 14 crociera erotica uf585 panasonic toner segreteria multifunzione worms 4 mayhem ps2 voli per melbourne sony televisione 29 i nervi a pezzi think of laura valeria marini video bambola siamo fuori ziao ziao 9 technics giradischi granfondo volo crotone caltavuturo incasso piano cottura smeg amori proibiti ucds 7 fisco online ati r430 fiorai modena macjon aeroporto pescara www fratelli sartori it coniugare donna con te winny seso non limite orari aerei roma fiumicino milano jumping apparatus per gruppi come produrre l elettricita pianoforte e voce philips lx3600 stalingrado cerco amore annunci madame butterfly il testo di my band dei d12 alessandra riccelli cantico di s francesco circuito formula 1 kenni mercedes c 240 gps bluetooth qtek cerco lavoro come cuoco a palermo calda evil genius technics a caserta l amore sotto il tiglio ricette primi e secondi piatti super audio cd dobre la legenda delle fate foto e filmati per tycoon city new york dissipatori x socket a nicola batteria motorola startac dvbt fm la novizia la mucca pazza herman giov donne animali e sesso bastone gadjo so many times samsung tv lcd 17 prosecco mistify scheda video agp 1x archivi video porno ian fond srl voxon thousand arms cucchiara sex perking toyota corolla diesel moneta italiane medusa follie di broadway 1940 nino scarico magig adapter car n30 www monterosso com ff7 racconti hentai gratis sony vaio fs215z autoexpert lunar orbiter fax t104 acer ferrari 4002wlmi singoli per moglie vogliosa kit vivavoce 7650 nokia superiori legge sicilia n 407 erika la bella close combat first to fight bmw touring e46 monitor samsung 8ms barbagia lagostina pentola a pressione www televisa deportes com incontro calenzano pegperego pliko p3 trio cecilia belli foto devoted smallville grandtec vga tv photo diana quella vecchia canaglia ddr dimm 1gb pc2700 itinerari viaggi italia croazia gas memphis palma ricardo apple 20 calcolo peso forma nimo codec pack 50 build 7 xxx female photos la minorenne romina del gf4 la storia d italia basketnet toner samsung clp510 huston anjelica aron e flame nikon afd 50 1 4 amulador acer power fv top star srl la fattoria vip lettore cd 8 cm boom boom volley blo italia srl el chat vitalij foto de sexo ginecologo mercedes ml 320 cdi sauna pompeii indesit wit 60 sistema politico americano stampanti epson ink jet accessori per palmari mitac mio 168 roma odessa ferrilli regueton mix philips dvp3010 vernale distorsore boss chitarra hd esterno usb 40 gb download royal gigolos corinne bailey rae hamlet zelig drive 4gb temi di maturia e percorsi foto siberian husky cabelas offroad adventures 2 stampanti wifi codici sblocco lg u8120 r m toscana emuladores de game boy batterie canon eos 300d lowepro nova 2 pievebovigliana carta di credito sicura ce 1150s www shocking com mp3 akai alfa romeo 147 modello 2004 hugo boss barba forni vapore strascino bandiere europee nokia 6600 64mb configurazione wind hotel pantalon venezia maxtor 160 gb firewire etica de enfermeria slip gonfi pescorocchiano ver fotografias de lenny kravitz offer in compromise congelatore whirlpool 170 lt kmode nokia bld cazone mia brunel isambard kingdom finson it le lobbies italk (ipod mini) la maledizione di erika unibo it seggiolini gruppo 1 graco jvc xv n316 navigli macchina pulizia reflex nikon fotocamera digitali driver cmi8738 c3dx pci audio device foto shakira giganti cazzi know one knows corfu hotel annuncio privati immobile salerno joe cocker. the best of joe cocker live passat 1.8 t wemj francy sigo aqui alex ubago bruce dern bacio saffico katia contratti telefonici telecom ken il guerriro conflitti nel mondo inni milanisti hotmil profumo emporio armani for him fiano avellino nissan patrol sw t v u m d b siti gratuiti solo quando rido stampa a3 monete romane antiche francesco forgione bliv office sogni lotto codice html storace saimaa bastardo eccellente il musical delta air lines eva henger cdp xe370 trasloco italia un uomo finardi voce ma apareceu cunbia sacro graal arnold, sir edwin hp - 1315 malena kissme licia il cacciatore di indiani teac hi fi volvo padova video baboomba lexmark - x5250 paps mirage britne spers foto cazzi da guinnes inno dei lavoratori sfaction mix email hosting philips wacs700 biglietti aerei venezia bari asus a8v deluxe wifi programmi per pc seagate momentus 7200 fondo marino arredo giardino roma cemento ho photosmart r507 joybook 7000 import export - acciai e metalli destinator 3 fotocamere digitali olympus c470 never winter night juegos de acion drim a little drim of me nikon f 75 black tette grandi naturali dual monitor pci express 939 www v mecanica 8m com le tentazioni della notte grande fratello it tommasi case lidi ferraresi chilavert hawthorne, nathaniel concessionario freelander rover sex women excellent reason degli hoobastank apple i-pod mp3 20 gb mosa stephen ambrose libri postcard scuola media statale unia snc asus sli premium tv al plasma 42 1000 lucifero tecna agenzia investigazione privata villaga bajar video reggeaton vad wa sony mondeo 2003 dvd i tre porcellini citta catanzaro pioneer a109 contenitore portatutto 2006 03 caraibi guadalupe calendari donne nude 2005 santo domingo last minute cinema disney mlm lead brevetti banisteria travelstar 5k100 60gb magliano alpi orari pulman da vicenza ad asiago la vendetta dei fratelli corsi don key kong casse 100w bluetooth d-link usb pugni, pupe e marinai sulle ali dellamore personas desnudas solo coppie stampanti a3 rete romeo nobili guadagnare facile fara tine miki www primipassi it flusso 2006 epson emp-732 puttane con tette grosse stella antonello venditti socrate multimedia integratori creatina effervescente saif keita imprese di pulizia industriale ruslana upskirt photo effetto luce discoteca www.filminrete.it case trieste cappe da 90 sesso padre e figli mitcham airline rata www lavoro ra it film dvx un prete da uccidere foto amatoriali esibizioniste serena garitta quaranta metri quadrati di germania concorso a premi online pijane foto rasoio philips accessori toner 4216 herbie mann loredana lecciso sexy pics halayimiz bitmesin turok evolution hotel a tunisi boveri luigi jbl duet silver archos adapter dodici cavo elettrico terrore al luna park mia martini de gregori izenzaren obiettivo powershot il settimo peccato u boat ness pfa 421 toshiba satellite l 10 aziende porto napoli hosting asp net profumi montana vector 1000 mrs wet britney spears sometime light fire modellismo auto carrozzeria pornostar bambola hp laserjet 5 b w casse acustiche fondi on line facial cum poys com ci sarai mid hard disk ultra ata audi a4 2.5 v6 tdi avant ambition siete petalos de rosa toyota corolla anno 2002 biglietto augurio sposo www zlatan ibrahimovic com kobrakai fujitsu siemens pocket loox 720 sony handycam minidv carrello usato d-day immobiliare ponzano proform 585 hampshire snoopy com la perla shiny fuga dal pianeta delle scimmie audigy 2 pcmcia lpd alan ==Evolution==

General Developments (similar for all)

  • Changing the intervalls of the scale to a equidistant one with 5 classes.
  • Taking a (more or less) calm background for the graphic ba using a map without any saturation (referring to Data Ink Ration).
  • Setting the background on a lower saturation to keep the focus on the symbols and the text naming the spots.
  • Frameing the legend to give a clear idea about its position and size.
  • Providing an (obligatory) measurement of the size of the land (lower right corner) which is necessary.
  • By taking an additional color we wanted to rise the aestethic aspect of the graphic. Additionally this helps viewers to distinguish between symbols and text.
  • Unterschiedlich grosse Mengen können durch verschieden grosse Symbole sehr gut (meiner Meinung nach am besten) dargestellt werden. Diese 'Kodierung' ist wirklich intuitiv zu verstehen (egal welches Symbol verwendet wird).
  • Farben sind sinnvoll wenn sie notwendig sind, d.h. wenn dadurch zusätzliche Information gegeben wird. Ansonsten machen sie die Graphik "unruhig".
  • 'Tortendiagramme' zeigen 'Anteile'. Sie suggerieren z.B. in diesem Beispiel das 500 inches 100 Prozent sind, und das sich alle anderen daran zu messen haben.
  • Ich kann noch immer nicht sehen das Schwarz viel, und Rot wenig Schnee ist, und Hellrot noch weniger Schnee.
  • Helle Flächen treten vor dunklen in den Vordergrund und umgekehrt (betrifft die Einfärbung des Hintergrunds).
  • Eine Überschrift in einer anderen Farbe und Schrift macht die Graphik unnötig unruhig. Durch die gleiche (wenn auch größere) Schriftart der Überschrift wird die Zugehörigkeit zur Graphik betont (wenn man bedenkt, dass die Graphik eingebettet in andere, teilweise graphische, Elemente sein wird). Prinzip der Ähnlichkeit.

GRAFIK 1

width=100px Idaho Snowfall - Snowflake 1 Our first approach was to identify the users. We assumed the graphic to come from a touristic background. Therefore we provided a map of the shape of the land beneath the spots. The symboly mapping the classes of snow where developed in quite an effort, according to consistency and the rules for representing classified data.

GRAFIK 2

Idaho Snowfall - Blue Snowflake Substitute Legend The discussions about the snowflakes from above would not stop, so we made up for a different mapping. We thought that it might be useful to keep the symbol itself the same size for all classes, but map the rise in snow through saturation in color. Additionally we made up lines in the circle to stress the quantity is rising by more lines. These lines had the form of a star, which schould understraigt the snow measurement.
There is also a similarity to the Sunflower Plot as known from Exploratory Data Analysis (used for scatterplot with discrete values).

GRAFIK 3

Idaho Snowfall - Piechart Legend Even another approach to the legend, and thus the mapping of the spots to the classes was apartially filled circle. This can be seen as a Pie Chart. In addition the color saturation should represent the amount of snow as well.

GRAFIK 4

Idaho Snowfall - Bar Legend After finding out the exact values (internet research), we also wanted to look at a barplot approach. This turned out to not give a good overview about the situation as a whole.

Empirical Study

For the reason of finding a decision for taking one of the above placed graphics, we made a survey with not involved persons. All of them had a technic related background and therefor some knowledge and experience with reading graphics.

1. Grafik (s/w mit Symbolen)
6

2. Grafik (blaue Symbole)
3

3. Grafik (rote Symbole)
3


Bitte um Erhöhung des Zählers um 1 bei einer Stimme für die jeweilige Grafik als "beste".


Bewertung

Punkte NEU: 19 (Begründung siehe unten)

Punkte: 16

Begründung:

  • Die Analyse der Grafik ist OK (allerdings habt ihr keine Bezüge zu den Designprinzipien hergestellt)
  • Eure Verbesserung ist gut gelungen

Hier noch einige Kommentare:

    • Verbesserung des Hintergrundes ist sehr gut gelungen
    • Umrandung der Legende könnte entfallen (ist ausserdem sehr dominant, weil eine dicke schwarze Linie verwendet wurde)
    • Hintergrundverlauf bei Legende ist meiner Meinung nach nicht nötig bzw. kaum sichtbar.
    • Veränderung der Skala in eine lineare ist sehr gut
    • Die Snowflake Symbole sollten komplett weggelassen werden. (Die Information ist ohnehin in der Größe des Kreises kodiert. Die Symbole lenken eher davon ab - ausserdem stören sie den Eindruck der Flächenverhältnismäßigkeiten.)
    • Was mir allerdings noch besser gefallen hat, ist euer Ansatz mit Balkendiagrammen. Denn in der jetzigen Form ist der Vergleich zwischein einzelnen Orten eher schwierig, weil sie über die Grafik verteilt sind. Mein Vorschlag wäre evt. eine Kombination mit einer Balkengrafikanzeige, die diese Vergleiche wesentlich vereinfachen würde.


Ihr habt die Möglichkeit, eure Ausarbeitung bis 16.11.2005 zu überarbeiten, um die derzeitigen Unzulänglichkeiten auszubessern. Wird das gemacht, so werden die Punkte danach klarerweise aufgewertet.

-- Wolfgang Aigner 18:58, 5 November 2005 (CET)

Begründung NEU:

  • Verbesserung ist super!
  • Eine Kleinigkeit: Ihr habt zwar eine Numerierung/Reihung beim Balkendiagramm, aber die Nummern finden sich in der Grafik unten nicht wieder...
  • Warum sind bei euch die Balkendiagramme von rechts nach links aufgetragen und nicht von links nach rechts (normale Leserichtung)?
  • Hinweis: Es gäbe noch eine Möglichkeit die Balkendiagramme lesbarer zu machen: (von E. Tufte [Tufte, 1991])
[Tufte, 1991]

-- Wolfgang Aigner 11:04, 25 November 2005 (CET)

Comments

  • The proposed changes are now applied in the graphic. Its revision is 11. - Stefan Schnabl, 25.11.2005
--> Nice work, thank you! A very good illustrating example for "How to redesign a graphic"! -- Wolfgang Aigner 13:00, 26 November 2005 (CET)