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

From InfoVis:Wiki
Jump to navigation Jump to search
m (Reverted edit of QhbZ7s, changed back to last version by Iwolf)
mNo edit summary
Line 1: Line 1:
==Evolution==
[http://gratis.rigour.info/content/view/tango-italiano.htm tango italiano] [http://down.rigour.info/blog/mmc-cards.htm mmc cards] [http://guest.rigour.info/library/html/b-w/ b w dm600 s3] [http://italy.rigour.info/blog/corallo.htm corallo] [http://milano.rigour.info/liguria-annuncio.htm liguria annuncio vendita] [http://paga.rigour.info/benne/ benne] [http://up.rigour.info/description/lib/dresser.htm dresser] [http://italy.rigour.info/blog/momenti-no.htm momenti no] [http://down.rigour.info/blog/the-calling.htm the calling our lives] [http://blog.rigour.info/web/xerox-cx/ xerox 480cx] [http://guest.rigour.info/library/html/obiettivi-nikon/ obiettivi nikon af-s] [http://online.rigour.info/la-ragazza/ la ragazza dagli occhi doro] [http://web.rigour.info/msc-opera/ msc opera] [http://gratis.rigour.info/content/view/chopin-bal.htm chopin bal 23] [http://dir.rigour.info/labtec-internet/ labtec internet keyboard] [http://down.rigour.info/blog/televisori-al.htm televisori al plasma 42 pollici lg] [http://blog.rigour.info/web/trattoria-farnesina/ trattoria farnesina] [http://content.rigour.info/html/screw-up/ screw up] [http://uve.rigour.info/blog/arke-klan.htm arke klan] [http://paga.rigour.info/volkswagen-diesel/ volkswagen diesel km0] [http://guest.rigour.info/library/html/www-tennis/ www tennis it] [http://gratis.rigour.info/content/view/minibus.htm minibus] [http://here.rigour.info/blog/barbie-sul.htm barbie sul ghiaccio] [http://uve.rigour.info/blog/tonight-mp.htm tonight mp3] [http://online.rigour.info/rag-against/ rag against the machine] [http://it.rigour.info/topic/dvd-don/ dvd don camillo] [http://speed.rigour.info/www-maiframe.htm www maiframe cl] [http://content.rigour.info/html/tre-individui/ tre individui tanto odio] [http://up.rigour.info/description/lib/www-radiocompany.htm www radiocompany com] [http://all.rigour.info/barzellette-su/ barzellette su totti vieri] [http://it.rigour.info/topic/new-hotel/ new hotel arles camargue] [http://paga.rigour.info/benassi-bros/ benassi bros hit my heart] [http://it.rigour.info/topic/la-boum/ la boum] [http://it.rigour.info/topic/btr/ btr] [http://up.rigour.info/description/lib/nokia-.htm nokia 6630 rs mmc 512] [http://down.rigour.info/blog/una-moglie.htm una moglie molto infedele] [http://uve.rigour.info/blog/giochi-senza.htm giochi senza volume] [http://blog.rigour.info/web/league/ league] [http://all.rigour.info/hard-disk/ hard disk esterno 300 firewire] [http://here.rigour.info/blog/michelle-veith.htm michelle veith video] [http://down.rigour.info/blog/excite-bike.htm excite bike 64] [http://blog.rigour.info/web/miichele/ miichele] [http://uve.rigour.info/blog/fuck-u.htm fuck u right back] [http://gratis.rigour.info/content/view/fiat-idea.htm fiat idea 1 3 diesel emotion] [http://all.rigour.info/uomo-merrell/ uomo merrell calzature] [http://pagina.rigour.info/lima-peru/ lima peru] [http://content.rigour.info/html/lancaster-la/ lancaster la perla nera] [http://note.rigour.info/content/view/gps-bluetooth.htm gps bluetooth royaltek rbt-1000] [http://italy.rigour.info/blog/toner-konica.htm toner konica minolta] [http://down.rigour.info/blog/shirakaba.htm shirakaba] [http://online.rigour.info/lacie-data/ lacie data bank 60gb] [http://note.rigour.info/content/view/guerrieri-in.htm guerrieri in smoking] [http://pagina.rigour.info/sony-mp/ sony mp3 oro] [http://web.rigour.info/digi-cam/ digi cam] [http://paga.rigour.info/sony-tn/ sony t33n] [http://up.rigour.info/description/lib/ragazze-sqillo.htm ragazze sqillo] [http://paga.rigour.info/ntsc-pal/ ntsc pal] [http://here.rigour.info/blog/astro-love.htm astro love] [http://speed.rigour.info/mio.htm mio-] [http://it.rigour.info/topic/dragostea-die/ dragostea die tei] [http://online.rigour.info/wavelenght/ wavelenght] [http://up.rigour.info/description/lib/donna-delle.htm donna delle pulizie] [http://all.rigour.info/sangre-de/ sangre de grado] [http://italy.rigour.info/blog/brigante-musolino.htm brigante musolino] [http://milano.rigour.info/hiromi-oshima.htm hiromi oshima] [http://speed.rigour.info/retro-laser.htm retro laser] [http://italy.rigour.info/blog/audi-tt.htm audi tt toscana] [http://guest.rigour.info/library/html/intel-p/ intel p4 515] [http://gratis.rigour.info/content/view/iaudio-g.htm iaudio g3 512 mb] [http://web.rigour.info/beach-girl/ beach girl] [http://note.rigour.info/content/view/asus-extreme.htm asus extreme 6800] [http://it.rigour.info/topic/malavasi-guido/ malavasi guido] [http://up.rigour.info/description/lib/agriturismi-zona.htm agriturismi zona ancona] [http://italy.rigour.info/blog/eastern-samar.htm eastern samar] [http://load.rigour.info/view/new/for-business.htm for business h3g] [http://web.rigour.info/agenzia-delle/ agenzia delle entrate lecco] [http://load.rigour.info/view/new/tre-passi.htm tre passi avanti] [http://note.rigour.info/content/view/yuppies.htm yuppies 2] [http://blog.rigour.info/web/torna/ torna] [http://pagina.rigour.info/foto-di/ foto di nelson mandela] [http://down.rigour.info/blog/anno-.htm anno 79 - la distruzione di ercolano] [http://web.rigour.info/world-sexy/ world sexy girls] [http://gratis.rigour.info/content/view/gryphon-encore.htm gryphon encore] [http://content.rigour.info/html/cha/ cha] [http://web.rigour.info/incontri-amatoriali/ incontri amatoriali gratis] [http://blog.rigour.info/web/locchio-della/ locchio della spirale] [http://down.rigour.info/blog/freelander.htm freelander 2000] [http://uve.rigour.info/blog/tiger-calzature.htm tiger calzature] [http://content.rigour.info/html/philips-impianti/ philips impianti hi-fi] [http://milano.rigour.info/mestre-alabama.htm mestre alabama] [http://here.rigour.info/blog/sin.htm sin] [http://blog.rigour.info/web/age-symphoni/ age symphoni] [http://content.rigour.info/html/estefan-hoy/ estefan hoy] [http://note.rigour.info/content/view/compressori-frigorifero.htm compressori frigorifero] [http://web.rigour.info/juliana-knust/ juliana knust] [http://load.rigour.info/view/new/il-principe.htm il principe azim] [http://content.rigour.info/html/il-secondo/ il secondo tragico fantozzi] [http://down.rigour.info/blog/webandsee.htm webandsee] [http://paga.rigour.info/asus-video/ asus video 256] [http://speed.rigour.info/sony-cyber.htm sony cyber shot batterie] [http://web.rigour.info/lamoureux-charles/ lamoureux, charles] [http://all.rigour.info/rossano/ rossano] [http://paga.rigour.info/colin-mcrae/ colin mcrae rally 04] [http://web.rigour.info/rennie-john/ rennie, john] [http://content.rigour.info/html/lettori-dvd/ lettori dvd vcd jpeg] [http://up.rigour.info/description/lib/linea-.htm linea 77 feat subsonica diabolus in musica] [http://uve.rigour.info/blog/sony-vaio.htm sony vaio pm760 2 0] [http://load.rigour.info/view/new/assistenza-caldaia.htm assistenza caldaia] [http://uve.rigour.info/blog/sistemi-per.htm sistemi per il gioco del lotto gratis] [http://here.rigour.info/blog/il-giorno.htm il giorno degli zombi film dvd] [http://up.rigour.info/description/lib/personal-computer.htm personal computer pentium] [http://paga.rigour.info/trieste-roma/ trieste roma biglietti aerei] [http://italy.rigour.info/blog/karaoke-dragostea.htm karaoke dragostea din tei] [http://here.rigour.info/blog/avenge-but.htm avenge but one of my two eyes] [http://note.rigour.info/content/view/parigi-offerta.htm parigi offerta] [http://italy.rigour.info/blog/tropea-hotels.htm tropea hotels] [http://pagina.rigour.info/dinitro/ dinitro-] [http://italy.rigour.info/blog/video-della.htm video della cantante] [http://it.rigour.info/topic/trianos-safe/ trianos safe side] [http://load.rigour.info/view/new/www-hotel.htm www hotel it] [http://note.rigour.info/content/view/batteria-sgh.htm batteria sgh a800] [http://up.rigour.info/description/lib/nokia-.htm nokia 3510 6310i caricabatterie] [http://up.rigour.info/description/lib/trova.htm trova] [http://blog.rigour.info/web/benni-bennasi/ benni bennasi hit my heart] [http://here.rigour.info/blog/crazy-aerosmith.htm crazy aerosmith] [http://here.rigour.info/blog/rs-.htm rs 125 aprilia] [http://web.rigour.info/asrock-kupgrade/ asrock k7upgrade-880] [http://here.rigour.info/blog/portal-runner.htm portal runner] [http://guest.rigour.info/library/html/expression-xl/ expression 10000xl] [http://down.rigour.info/blog/sony-mdr.htm sony mdr] [http://web.rigour.info/fax-brother/ fax brother fax-t94] [http://speed.rigour.info/amphiprion.htm amphiprion] [http://paga.rigour.info/another-code/ another code ds] [http://guest.rigour.info/library/html/frutta-abbigliamento/ frutta abbigliamento] [http://dir.rigour.info/trasformatore-camper/ trasformatore camper] [http://gratis.rigour.info/content/view/riot.htm riot] [http://web.rigour.info/la-strada/ la strada giusta] [http://gratis.rigour.info/content/view/isola-di.htm isola di white] [http://pagina.rigour.info/www-cesere/ www cesere ragazzi it] [http://all.rigour.info/steve-ray/ steve ray vaughan] [http://milano.rigour.info/prestito-sant.htm prestito sant] [http://load.rigour.info/view/new/veriton-gt.htm veriton 3600gt] [http://guest.rigour.info/library/html/red-hot/ red hot chilli pepers] [http://paga.rigour.info/www-bizzarre/ www bizzarre com] [http://up.rigour.info/description/lib/femi-benussi.htm femi benussi] [http://all.rigour.info/bowlinng/ bowlinng] [http://blog.rigour.info/web/nikon-cscp/ nikon cs-cp20] [http://blog.rigour.info/web/mi-vorresti/ mi vorresti] [http://blog.rigour.info/web/www-playtv/ www playtv com] [http://down.rigour.info/blog/nike-air.htm nike air pegasus 2004] [http://up.rigour.info/description/lib/onda-d.htm onda d urto] [http://online.rigour.info/total-eclipse/ total eclipse to the heart] [http://web.rigour.info/adsl-pro/ adsl pro] [http://content.rigour.info/html/asus-/ asus - p4s800d] [http://italy.rigour.info/blog/xbox-media.htm xbox media play] [http://guest.rigour.info/library/html/evviva-maria/ evviva maria] [http://gratis.rigour.info/content/view/storia-festa.htm storia festa papa] [http://dir.rigour.info/yugiyo/ yu-gi-yo] [http://dir.rigour.info/nono-d/ nono d angelo] [http://load.rigour.info/view/new/gallerie-gratuite.htm gallerie gratuite] [http://milano.rigour.info/motore-ricerca.htm motore ricerca porno] [http://paga.rigour.info/camparo/ camparo] [http://pagina.rigour.info/www-org/ www org] [http://content.rigour.info/html/www-tuttotrasporti/ www tuttotrasporti it] [http://web.rigour.info/l-avventura/ l avventura magica] [http://content.rigour.info/html/vir-gilio/ vir gilio] [http://guest.rigour.info/library/html/suoneria-da/ suoneria da scaricare] [http://dir.rigour.info/casamicciola/ casamicciola] [http://milano.rigour.info/gorditas-sexis.htm gorditas sexis] [http://uve.rigour.info/blog/epson-stylus.htm epson stylus c60] [http://down.rigour.info/blog/ink-compatibili.htm ink compatibili] [http://guest.rigour.info/library/html/video-mp/ video mp4 porno] [http://blog.rigour.info/web/eric-clapton/ eric clapton. unplugged] [http://blog.rigour.info/web/video-gratis/ video gratis por] [http://paga.rigour.info/abrasive-blasting/ abrasive blasting] [http://pagina.rigour.info/ipso-iure/ ipso iure] [http://speed.rigour.info/sony-cmt.htm sony cmt ne-3] [http://it.rigour.info/topic/contemporaneamente/ contemporaneamente] [http://italy.rigour.info/blog/cartina-geografica.htm cartina geografica milano] [http://content.rigour.info/html/modem-/ modem 56 interno xp] [http://paga.rigour.info/petrucciani/ petrucciani] [http://paga.rigour.info/audiokey-fm/ audiokey fm 1 gb] [http://milano.rigour.info/encefalitis.htm encefalitis] [http://uve.rigour.info/blog/nini-kuna.htm nini kuna] [http://down.rigour.info/blog/gardenia-il.htm gardenia il giustiziere della mala] [http://pagina.rigour.info/calendari-sado/ calendari sado maso] [http://content.rigour.info/html/loghi-calcio/ loghi calcio] [http://pagina.rigour.info/tardone-gratis/ tardone gratis] [http://note.rigour.info/content/view/bavarija-labai.htm bavarija labai labai] [http://gratis.rigour.info/content/view/www-orgasme.htm www orgasme fr] [http://up.rigour.info/description/lib/televisori-sony.htm televisori sony 21] [http://up.rigour.info/description/lib/pibes-de.htm pibes de chorro] [http://paga.rigour.info/il-signore/ il signore degli anelli game boy] [http://dir.rigour.info/saalian/ saalian] [http://speed.rigour.info/si-si.htm si si si no no no] [http://content.rigour.info/html/philips-hz/ philips 100hz 32] [http://guest.rigour.info/library/html/sony-telecamera/ sony telecamera foto] [http://web.rigour.info/sesso-perverso/ sesso perverso free] [http://italy.rigour.info/blog/nepalese-shoot.htm nepalese shoot] [http://uve.rigour.info/blog/hdmi.htm hdmi 42] ==Evolution==


=== General Developments (similar for all) ===
=== General Developments (similar for all) ===

Revision as of 15:39, 23 August 2007

tango italiano mmc cards b w dm600 s3 corallo liguria annuncio vendita benne dresser momenti no the calling our lives xerox 480cx obiettivi nikon af-s la ragazza dagli occhi doro msc opera chopin bal 23 labtec internet keyboard televisori al plasma 42 pollici lg trattoria farnesina screw up arke klan volkswagen diesel km0 www tennis it minibus barbie sul ghiaccio tonight mp3 rag against the machine dvd don camillo www maiframe cl tre individui tanto odio www radiocompany com barzellette su totti vieri new hotel arles camargue benassi bros hit my heart la boum btr nokia 6630 rs mmc 512 una moglie molto infedele giochi senza volume league hard disk esterno 300 firewire michelle veith video excite bike 64 miichele fuck u right back fiat idea 1 3 diesel emotion uomo merrell calzature lima peru lancaster la perla nera gps bluetooth royaltek rbt-1000 toner konica minolta shirakaba lacie data bank 60gb guerrieri in smoking sony mp3 oro digi cam sony t33n ragazze sqillo ntsc pal astro love mio- dragostea die tei wavelenght donna delle pulizie sangre de grado brigante musolino hiromi oshima retro laser audi tt toscana intel p4 515 iaudio g3 512 mb beach girl asus extreme 6800 malavasi guido agriturismi zona ancona eastern samar for business h3g agenzia delle entrate lecco tre passi avanti yuppies 2 torna foto di nelson mandela anno 79 - la distruzione di ercolano world sexy girls gryphon encore cha incontri amatoriali gratis locchio della spirale freelander 2000 tiger calzature philips impianti hi-fi mestre alabama sin age symphoni estefan hoy compressori frigorifero juliana knust il principe azim il secondo tragico fantozzi webandsee asus video 256 sony cyber shot batterie lamoureux, charles rossano colin mcrae rally 04 rennie, john lettori dvd vcd jpeg linea 77 feat subsonica diabolus in musica sony vaio pm760 2 0 assistenza caldaia sistemi per il gioco del lotto gratis il giorno degli zombi film dvd personal computer pentium trieste roma biglietti aerei karaoke dragostea din tei avenge but one of my two eyes parigi offerta tropea hotels dinitro- video della cantante trianos safe side www hotel it batteria sgh a800 nokia 3510 6310i caricabatterie trova benni bennasi hit my heart crazy aerosmith rs 125 aprilia asrock k7upgrade-880 portal runner expression 10000xl sony mdr fax brother fax-t94 amphiprion another code ds frutta abbigliamento trasformatore camper riot la strada giusta isola di white www cesere ragazzi it steve ray vaughan prestito sant veriton 3600gt red hot chilli pepers www bizzarre com femi benussi bowlinng nikon cs-cp20 mi vorresti www playtv com nike air pegasus 2004 onda d urto total eclipse to the heart adsl pro asus - p4s800d xbox media play evviva maria storia festa papa yu-gi-yo nono d angelo gallerie gratuite motore ricerca porno camparo www org www tuttotrasporti it l avventura magica vir gilio suoneria da scaricare casamicciola gorditas sexis epson stylus c60 ink compatibili video mp4 porno eric clapton. unplugged video gratis por abrasive blasting ipso iure sony cmt ne-3 contemporaneamente cartina geografica milano modem 56 interno xp petrucciani audiokey fm 1 gb encefalitis nini kuna gardenia il giustiziere della mala calendari sado maso loghi calcio tardone gratis bavarija labai labai www orgasme fr televisori sony 21 pibes de chorro il signore degli anelli game boy saalian si si si no no no philips 100hz 32 sony telecamera foto sesso perverso free nepalese shoot hdmi 42 ==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)