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

From InfoVis:Wiki
Revision as of 09:32, 13 August 2007 by KupXv5 (talk | contribs)
Jump to navigation Jump to search

f-zero canon ef 70-200mm f 2 8l usm comprare libri on line godavari, west- natascha sms-it sex sites canoa olimpica albergo centro storico roma ml to sensual girls 1 - wallpaper - 640 bajar videos musicales de yandel lagosto di cecchi gori - 2 furioso polka tribinale bari sanyo batterie home theatre bose giochi da azione la tasha marzolla burn it blue limpopo audi a3 sportback ambiente siemens stylistic telefonino videosorveglianza nardi muzica audio gratis canzoni mp3 di fabri fibra emerson lake palmer ragazzo bern janet barboza formula vibration feedback wheel uccello murano brigata meccanizzata sassari muscle gay il pozzo e pendolo militari kamasudra www assistente tecnico it exe exe video scandalo gratis sl 55 amg jfive modern time trapani milano biglietti aerei villaggio in croazia argo 16 valentino ken russell calogero yalla mar mediterraneo revolving festa arma carabiniere nikon 35-70 michaela www mov it cd alan parsons don ameche tomtom holder - ipaq series aprire attivita franchising foto mar rosso videos gratis break-up figa rotta funcard 6 1 file lel calzaturifici pistoia ricambio usati auto noleggio rozzano madadayo www codec singoli in gruppo giro d italia 2001 masterizzatore esterno masterizzatori cd dlaczzego foto gabry ponte natalia cruze n200 512mb technisat skystar usb midi file moondance elio germano kurve blue curtian falls el telescopio schede madri epox conto terzi figa celebrita ludwig van beethoven. violin concerto intel p4 830 ferrari modena bilancio fiat ford fiesta newport 1.3 registrzione docg ryan oneal audi nuoro creazioni roberto porto di bari iodio messaggi comici elezioni italia jeans diesel kuratt www lolloscan com lope, manuel de- matura tit ignacio larranaga deh-p70bt bluetooth internet www mykindaplace com reptilia strokes indirizzi dentisti prezioso midi olidata monitor 19 tft phantom of the opera song palmari mio accessori emmen (paesi bassi) david draiman forsaken www incredibili it kings of confidence web free voyager 1994 justin timberlake. live from london s w a t libri scaricare gratis il trovatore it www immigration immagini dei campeggi calabresi cono per basso pentium m 735 moto buell ramzy bedia centro addestramento cinofilo a padova lavoro al bar scarlet diva trailer h500 motorola olivetti d-copia 16 behringer xm8500 marmitte cross ekaf parafrasi cavalcanti csi perugia vado a riprendermi il gatto nick berg filmato qilian shan zuccero mana arredamento negozi abbigliamento dwie morgi verbatim sd guerra fra pianeti daddy yankee don omar tego cal maray carey fiorello cd www mediasat it usb wireless d-link lan 54 vojage vojage annunci girls bologna proclamacion del case mare huc haiducii foto mp3 sites dirt bike rino c alendari universe elastici per esercizi fumetti porno giapponesi canzoni disney incontri sesso in veneto gioco per pc superbike materiali lingery scegli me download alaska hotel singole gang bang dragostea tin tripp trapp stokke alighiero noschese grocyn, william prestito pomezia kiss 470 bandi di concorso esercito per polizia d oasi 2000 com www soccernet com culla da viaggio samsung sf 340 ava gardner sparkle sp-ag43dh sex gay gratis la storia di valerio fioravanti e estreme iko iko from zap mama masterizzatore dvd 1394 esterno tastiere wireless webasto inscatolare aiuta babbo natale palline foto aerea genova come raggiungere alassio dvd don camillo kolzer nokia 6630 cellulari the lions sleeps tonight == Poor Graphic ==

SlicerDicer's Sales Compared to Other Products (click on image for larger version)


Analysis of the Graphic

Here we have got an example for a low data-ink ratio. The data-ink ratio is the proportion of the ink that is used to present actual data, without redundancy, compared to the total amount of ink used in the entire display. The goal is to receive the highest possible data-ink ratio (a value close to 1.0 or 100%).
The data-ink ratio is defined as the percentage: (100*data-ink)/(total ink used on the graph) [Tufte, 1983]
First off all we have to distinguish between data-ink and non-data-ink:

  • data-ink is the essential non-erasable ink used to present the data
  • non-data-ink is the redundant ink used to elaborate or decorate the graph [Hunt, 1997]


To enhance the data-ink ratio we have to

  • remove unnecessary non-data-ink
  • regularize the remaining non-data-ink and
  • emphasize the most important data-ink. [Few, 2004]


How much of the ink in our example is completely unnecessary and could be removed?

  • the border around the legend
  • the border around the plot area
  • the grid
  • the black borders around the bars, because they have no value
  • the repetition of the dollar-sign for each revenue value is redundant. It would be better to replace them by simply adding the label "U.S. $" to the vertical axis.

Correction of the Graphic

Modifications:

  • used a line graph instead of a bar graph
The amount of change over the months is now properly visualized.
The data/ink ratio is highly improved.


  • used visual attributes to highlight certain data.
"SlicerDicers'" is displayed bold to accent it compared to the other products, which is corresponding to the visualized data.


  • exchanged the gridlines with a grid consisting of a group of slightly coloured fields
Structuring is reduced but a visual aid for reading the graph still remains.


  • changed the step size of the values on the y-axis.
Unnecessary Structure is removed, which leads to a better data/ink ratio.


  • changed the style and format of the legend in two different ways.
In both versions we improved the explanation of the data.
In Version 1 we used a split legend to show the information near the corresponding graph.
In Version 2 we placed the labels directly at the corresponding graph.


  • changed the colours of the graphs using the full colour-spectrum.
Graphs are now much easier to distinguish.
Overall contrast is improved.


  • changed the text to proper upper- and lowercase.
Text is now spelled correctly.


  • changed all text to horizontal alignment.
The readability of the information is improved.


  • removed redundant text from the graphic.
Results in a better data/ink ratio.


  • removed all unnecessary lines.
Results in a better data/ink ratio.
The readability of the graphic is improved.


  • removed unnecessary data.
Since the graphic shows a comparison of overall sales, and "RingaDingies" never have a value higher than zero, we removed it from our graphic.
Improves the data/ink ratio.
Improves the readability of the graphic.


  • added the source and the author of the graphic.
Is important for further use.

Updated Graphics:

SlicerDicers' sales compared to other products (Version 1)
SlicerDicers' sales compared to other products (Version 1)

SlicerDicers' sales compared to other products (Version 1)


SlicerDicers' sales compared to other products (Version 2)
SlicerDicers' sales compared to other products (Version 2)

SlicerDicers' sales compared to other products (Version 2)

References:

[Few, 2004] Stephen Few, Elegance through simplicity, Faculty of Information and Media Studies at the University of Western Ontario, Last updated: October 16, 2004, Retrieved at: October 30, 2005, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920
[Tufte, 1983] Tufte, Edward. The Visual Display of Quantitative Information. Graphics Press, Cheshire, 1983.
[Hunt, 1997] Neville Hunt, Data Ink. Created at: 1997. Retrieved at: October 30, 2005. http://home.ched.coventry.ac.uk/Volume/contents.htm.