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

From InfoVis:Wiki
Jump to navigation Jump to search
mNo edit summary
m (Reverted edit of BsxHp7, changed back to last version by Iwolf)
Line 1: Line 1:
[http://veggis.org.cn/resources/articles/muvrini.htm muvrini] [http://klohy.info/img/styles/dickens-photos.htm dickens photos] [http://svike.info/view/new/pluriball.htm pluriball] [http://klohy.info/img/styles/gobbo-di.htm gobbo di notre dame] [http://klohy.info/img/styles/tha-dead.htm tha dead case] [http://soler.net.cn/data/pescia.htm pescia] [http://primonona.info/content/view/tu-sei/ tu sei l unica donna per me] [http://soler.net.cn/data/sostitutivi-pasto.htm sostitutivi pasto] [http://funkall.us/images/small/la-frusta/ la frusta di fuoco] [http://klohy.info/img/styles/cd-dvd.htm cd dvd stampanti a sublimazione] [http://soler.net.cn/data/kilitbahir.htm kilitbahir] [http://klohy.info/img/styles/angela-.htm angela - il suo unico peccato era lamore...] [http://manoke.cn/topic/sony-zeiss/ sony zeiss] [http://budget7i.info/lib/erbe/ erbe] [http://manoke.cn/topic/inni-e/ inni e cori] [http://budget7i.info/lib/chi-fa/ chi fa pompini gratis] [http://budget7i.info/lib/everytime-we/ everytime we touch] [http://funkall.us/images/small/ferrari-/ ferrari 3400 acer portatili] [http://klohy.info/img/styles/la-notte.htm la notte se ne va] [http://klohy.info/img/styles/buoni-e.htm buoni e cattivi] [http://wedner.info/content/view/agp-x.htm agp 4x] [http://primonona.info/content/view/cannes-beach/ cannes beach residence] [http://veggis.org.cn/resources/articles/monitor-l.htm monitor l768] [http://veggis.org.cn/resources/articles/ian-fleming.htm ian fleming] [http://xionny.cn/topic/richard-widmark/ richard widmark] [http://primonona.info/content/view/tv-lcd/ tv lcd portatile] [http://klohy.info/img/styles/scarica-emule.htm scarica emule] [http://svike.info/view/new/epson-.htm epson 4000 rip professional] [http://wedner.info/content/view/cerco-chow.htm cerco chow chow] [http://budget7i.info/lib/video-a/ video a chi dice] [http://manoke.cn/topic/casa-di/ casa di] [http://joperan.org/data/www-comune/ www comune di ardea it] [http://svike.info/view/new/trans-campania.htm trans campania] [http://budget7i.info/lib/la-villanella/ la villanella] [http://manoke.cn/topic/armani-lei/ armani lei profumo] [http://wedner.info/content/view/dactrung-com.htm dactrung com] [http://joperan.org/data/she-weel/ she weel be love] [http://xionny.cn/topic/insegna-a/ insegna a led] [http://sneck.info/data/ix/ ix 30] [http://veggis.org.cn/resources/articles/linvasione.htm linvasione] [http://primonona.info/content/view/redwood-city/ redwood city] [http://soler.net.cn/data/cerco-la.htm cerco la tua voce] [http://polex.com.cn/resources/articles/quinta-estacion.htm quinta estacion] [http://funkall.us/images/small/delon-karena/ delon karena cinta] [http://wedner.info/content/view/freddie-francis.htm freddie francis] [http://joperan.org/data/resident-evil/ resident evil movie] [http://primonona.info/content/view/pic-adan/ pic adan sanchez] [http://klohy.info/img/styles/walking.htm walking] [http://klohy.info/img/styles/homosexual-pic.htm homosexual pic] [http://primonona.info/content/view/i-don/ i don t wanna kow] [http://soler.net.cn/data/tom-tom.htm tom tom 3 gps] [http://polex.com.cn/resources/articles/se-amare.htm se amare e impossibile] [http://joperan.org/data/punk-o/ punk o rama] [http://klohy.info/img/styles/volvo-s.htm volvo s40] [http://funkall.us/images/small/tipologia-curiculum/ tipologia curiculum] [http://budget7i.info/lib/sellano-agriturismo/ sellano agriturismo] [http://wedner.info/content/view/foto-porno.htm foto porno sado maso bondage] [http://funkall.us/images/small/fax-brother/ fax brother fax-t94] [http://wedner.info/content/view/biliardo.htm biliardo 2005] [http://polex.com.cn/resources/articles/blu-star.htm blu star ferries patras naxos] [http://sneck.info/data/mute-neoprene/ mute neoprene] [http://soler.net.cn/data/e-r.htm e 444r] [http://wedner.info/content/view/seagate-barracuda.htm seagate barracuda sata 250gb ncq 7200 8] [http://xionny.cn/topic/mercedes-c/ mercedes c 220 cdi esprit] [http://veggis.org.cn/resources/articles/liscate.htm liscate] [http://veggis.org.cn/resources/articles/scarpe-donna.htm scarpe donna] [http://xionny.cn/topic/pedrotti-nuda/ pedrotti nuda] [http://joperan.org/data/panocha/ panocha] [http://svike.info/view/new/logorrea.htm logorrea] [http://klohy.info/img/styles/eko-fresh.htm eko fresh] [http://soler.net.cn/data/cerco-superdotati.htm cerco superdotati] [http://manoke.cn/topic/julia-chanel/ julia chanel mpegs] [http://svike.info/view/new/prome-di.htm prome di maturita] [http://joperan.org/data/magic-combi/ magic combi] [http://primonona.info/content/view/tullio/ tullio] [http://primonona.info/content/view/jenny-from/ jenny from the block video] [http://polex.com.cn/resources/articles/esecuzione-ostaggi.htm esecuzione ostaggi in irak] [http://manoke.cn/topic/cuo/ cuo] [http://svike.info/view/new/santos-laguna.htm santos laguna] [http://soler.net.cn/data/partimpim.htm partimpim] [http://svike.info/view/new/artu.htm artu] [http://primonona.info/content/view/asrock-k/ asrock k8 939] [http://budget7i.info/lib/carol/ carol] [http://primonona.info/content/view/smart-lombardia/ smart lombardia] [http://wedner.info/content/view/distruggi-con.htm distruggi con la pallina] [http://sneck.info/data/gadget-pubblicitari/ gadget pubblicitari] [http://budget7i.info/lib/comune-verona/ comune verona] [http://joperan.org/data/lettore-dvd/ lettore dvd con tv] [http://soler.net.cn/data/i-wish.htm i wish remix] [http://svike.info/view/new/kingston-compactflash.htm kingston compactflash 1gb] [http://soler.net.cn/data/netmed.htm netmed] [http://veggis.org.cn/resources/articles/dragom-boll.htm dragom boll] [http://klohy.info/img/styles/the-long.htm the long day is over midi] [http://polex.com.cn/resources/articles/raduno-macchine.htm raduno macchine tuning] [http://svike.info/view/new/www-pamelaa.htm www pamelaa] [http://veggis.org.cn/resources/articles/auto-leasing.htm auto leasing] [http://polex.com.cn/resources/articles/toxi.htm toxi] [http://wedner.info/content/view/aragoste.htm aragoste] [http://svike.info/view/new/hole-in.htm hole in my soul] [http://wedner.info/content/view/parkhotel.htm parkhotel] [http://xionny.cn/topic/la-croce/ la croce gloriosa] [http://svike.info/view/new/laibach-wat.htm laibach wat] [http://klohy.info/img/styles/bilba.htm bilba] [http://sneck.info/data/immagini-xi/ immagini xi] [http://primonona.info/content/view/otranto-mare/ otranto mare it] [http://funkall.us/images/small/hub-/ hub 10 porte d-link] [http://sneck.info/data/alpine-trapani/ alpine trapani] [http://primonona.info/content/view/sony-npfp/ sony np-fp90] [http://funkall.us/images/small/montale-il/ montale il fascismo] [http://veggis.org.cn/resources/articles/hamlet-antenna.htm hamlet antenna esterna] [http://klohy.info/img/styles/calendario-di.htm calendario di alessia marcuzzi] [http://sneck.info/data/o-zone/ o zone dragostea din tei video] [http://joperan.org/data/oralb-professional/ oral-b professional care] [http://joperan.org/data/il-passaggio/ il passaggio del reno] [http://klohy.info/img/styles/logitech.htm logitech 700] [http://funkall.us/images/small/pagine-bianche/ pagine bianche pasticceria domenica] [http://funkall.us/images/small/un-emozione/ un emozione da poco anna oxa] [http://soler.net.cn/data/palmari-barcode.htm palmari barcode] [http://soler.net.cn/data/clive-owen.htm clive owen] [http://funkall.us/images/small/t/ t 10] [http://primonona.info/content/view/leatherhead/ leatherhead] [http://svike.info/view/new/quartieri-a.htm quartieri a luci rosse] [http://manoke.cn/topic/foto-porno/ foto porno di uomini gratis] [http://primonona.info/content/view/radiosveglia-con/ radiosveglia con lettore cd] [http://wedner.info/content/view/scta.htm scta] [http://xionny.cn/topic/tv-tft/ tv tft 8] [http://primonona.info/content/view/reflex-nikon/ reflex nikon d70] [http://xionny.cn/topic/midland/ midland 400] [http://joperan.org/data/the-loveless/ the loveless] [http://sneck.info/data/nikkor-af/ nikkor af 50mm f 1 8 d] [http://soler.net.cn/data/xu.htm xu 440] [http://wedner.info/content/view/wed.htm wed] [http://soler.net.cn/data/weider-bench.htm weider bench pro 420] [http://klohy.info/img/styles/ristoranti-cinesi.htm ristoranti cinesi toscana] [http://polex.com.cn/resources/articles/warner-cinema.htm warner cinema] [http://sneck.info/data/banca-cermenate/ banca cermenate] [http://xionny.cn/topic/mp-cruzer/ mp3 cruzer] [http://wedner.info/content/view/opa-opa.htm opa opa vandi] [http://svike.info/view/new/vitillo.htm vitillo] [http://soler.net.cn/data/il-mirto.htm il mirto e la rosa] [http://sneck.info/data/berg-esecution/ berg esecution] [http://primonona.info/content/view/numer/ numer] [http://soler.net.cn/data/xiamen-cose.htm xiamen cose fare] [http://funkall.us/images/small/oh-happy/ oh happy days sister act] [http://primonona.info/content/view/crack-step/ crack step7 5 2] [http://funkall.us/images/small/dragostea-fin/ dragostea fin tei lyrics] [http://sneck.info/data/modella-napoli/ modella napoli] [http://xionny.cn/topic/madonna-re/ madonna re invention world tour 2004] [http://veggis.org.cn/resources/articles/legge-del.htm legge del 19 maggio 2004] [http://soler.net.cn/data/kyocera-fs.htm kyocera fs1200] [http://xionny.cn/topic/npfm/ np-fm 50] [http://budget7i.info/lib/audi-a/ audi a4 milano] [http://svike.info/view/new/tariffa-telefonica.htm tariffa telefonica] [http://sneck.info/data/partita-mondiale/ partita mondiale calcio] [http://budget7i.info/lib/termometro-per/ termometro per il vino] [http://soler.net.cn/data/www-thecut.htm www thecut com] [http://sneck.info/data/video-di/ video di britney] [http://manoke.cn/topic/calabrisella-mia/ calabrisella mia] [http://sneck.info/data/handel-cd/ handel cd] [http://wedner.info/content/view/clk-cabrio.htm clk cabrio] [http://joperan.org/data/monitor-philips/ monitor philips 109e50 19] [http://sneck.info/data/luoghi-allaperto/ luoghi allaperto] [http://sneck.info/data/tg-verissimo/ tg verissimo] [http://svike.info/view/new/funcion-de.htm funcion de sales] [http://primonona.info/content/view/sony-kvcl/ sony kv-21cl10] [http://klohy.info/img/styles/modi-risonanti.htm modi risonanti] [http://svike.info/view/new/laltra.htm laltra] [http://budget7i.info/lib/vasco-rossi/ vasco rossi vasco rossi] [http://wedner.info/content/view/braun.htm braun 7505] [http://klohy.info/img/styles/cancion-y.htm cancion y letra en ingles de julio igles] [http://xionny.cn/topic/savoir-cdi/ savoir cdi] [http://klohy.info/img/styles/tv-lcd.htm tv lcd 1280x1024] [http://funkall.us/images/small/cerca-lassassino/ cerca lassassino] [http://wedner.info/content/view/www-traviesas.htm www traviesas com ar] [http://svike.info/view/new/centro-assistenza.htm centro assistenza in campania marchio am] [http://joperan.org/data/teseo-contro/ teseo contro il minotauro] [http://veggis.org.cn/resources/articles/sardegna-badesi.htm sardegna badesi] [http://veggis.org.cn/resources/articles/immagini-di.htm immagini di animali] [http://polex.com.cn/resources/articles/sigma-apo.htm sigma apo 70-200 f 2 8] [http://wedner.info/content/view/i-cinque.htm i cinque draghi doro] [http://manoke.cn/topic/non-piangere/ non piangere stasera] [http://polex.com.cn/resources/articles/ragazzo-novi.htm ragazzo novi ligure] [http://svike.info/view/new/lo-strano.htm lo strano percosso] [http://manoke.cn/topic/fetishbank/ fetishbank] [http://soler.net.cn/data/canon-wpdc.htm canon wp-dc40] [http://wedner.info/content/view/logisty-videosorveglianza.htm logisty videosorveglianza allarmi] [http://veggis.org.cn/resources/articles/what-u.htm what u get is what u c] [http://budget7i.info/lib/charrito-negro/ charrito negro] [http://svike.info/view/new/rider-tomtom.htm rider tomtom navigatori gps] [http://klohy.info/img/styles/sicily-parfume.htm sicily parfume] [http://xionny.cn/topic/la-donna/ la donna ideale] [http://veggis.org.cn/resources/articles/www-nazisti.htm www nazisti] [http://polex.com.cn/resources/articles/batteria-ioni.htm batteria ioni di litio] [http://joperan.org/data/azione-immediata/ azione immediata] [http://xionny.cn/topic/kingston-mmc/ kingston mmc rs] [http://funkall.us/images/small/caught-in/ caught in a middle] [http://veggis.org.cn/resources/articles/maglia-cofidis.htm maglia cofidis] [http://soler.net.cn/data/media-express.htm media express] [http://veggis.org.cn/resources/articles/range-rover.htm range rover] [http://joperan.org/data/psion-netbook/ psion netbook pro] ==Evolution==
==Evolution==


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

Revision as of 08:03, 30 August 2007

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)