Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G4 - Aufgabe 2
video ragazze adsl dlink router switch masterizzatore usb dvd www com guey audio key 256mb guardarobiere sharik leon sdram 512 memoria ram danza carita ede (nigeria) tiger woods tomtom nokia 9500 s80 la famiglia adams video manga gratis file mancanti c t u tempio pausania playboy playmate tv 100hz puta madre bdsm racconti di master bomboniera thun sony hc17e www duepuntozero com www marche it viejas cojiendo marmellata cesare cremonini cd gallop besame di ricardo montaner asus charger coma white daedong love boat xiao xiao 1 ottocento pallavicini stefano c snc zardo carlo t short marines gioco online bimbo digitale terrestre humax pavilion centrino 15 4 cucurrucucu paloma veloso hotel aurora independent filastrocche di natale black code armani home kit wireless thermalright xp 120 www esami computer patente europeae ecdl abbigliamento sportivo datch noticias cristianas profeticas cerenova case fiat punto speedgear http infopass uscis gov lg gr409 canon ixus 40 custodia topmodel gt car micro registratori olympus vendomoto julio eglesias casale toscana pc pad converter lactarius la scuola finardi dragos stei avventura a capri porno sesso animali vanilla ninja don t go to fast ray ban 4069 www waterworks it il gioco della torcia cerco lavoro musicale un state italiano coran heather nova paradiso bailando scotti stefano versa s940 bipielle ducato it router con modem 4 porte ethernet ufficio prefabbricato gli immigrati in europa tv loewe 32 ragazzi maschi nudi cagliari troie ricevitore gps bluetooth nemerix every time keystation 88es coppia treviso schnauzer gigante lettore mp3 zen da 20gb adattatore lcd toratora lettori mp3 20 gb philips lee perry gara di slittino caru regione umbria giochi tavolo online air one it emulatore mame rooms le italiane e lamore turbina per fiat coupe lg mf type j cellulare vivavoce per il giardino hp photosmart 320 bookworm gioca online olympus camedia xd memory card il film del mese villaggio vacanza sardegna hp compaq nx6110 business notebook scegliete una stella km0 citroen c3 benzina auto km 0 lacie photon vision ii 19 un treno per durango lampade solari mario star cacher fiat panda 900 ie finanziamento brindisi festivalbar 90 acer n35 accessori palmari apple powerbook g4 15 touran 20 tdi la sconfitta delloro hongyan honey ball ceramica soffitto lampadario murales creator il cinema italiano foto le schiave della metropoli fiabe italiane di italo calvino femminismo sport transcend jetflash mp3 hp 130 stampanti game train il sole 24ore www san salvador it toyota pic nic assorbente gorizia confezionare pacchi regalo we are spiderman2 globalu pioggia pineto gabriele d annunzio the pretenders greatest hits pantera vulgar display of power wolkswagen passat tdi confortline ps1 chrysler voyager 2002 toons movies km0 mercedes s 320 diesel auto km 0 san giovanni di gerace melina velba x files stagione 2 vol 01 casablanca cafe pioneer rcs9h palla ping pong bed and breakfast formentera bandiera bianca video freedom paradise comuni italiani dante alighieri editrice rutti gay agp 1x 2x schede video hotel a varazze acer 8 megapixel full metal panic hentai maria poggesi grupo adventura lofra bianca lettore divx portatile hard disk dorset mistral caramba caracho ubiergo la rosa de los vientos robert cummings ripa comere lancio del pinguino 2 hans fryba vendita monitor nec geforce 6600 pcie batteria qtek s100 ascape berlino polizia criminale just a gigalo tubo cappa palermomilano solo andata albergo orvieto essedue il giocodel bingo donnesexy fats domino gainward 6600 girl prato jurys inn parnell street fiction tv nomi autori g t a vers siti dvd toto == Poor Graphic ==
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 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.