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

From InfoVis:Wiki
Revision as of 12:31, 22 July 2007 by KupXv5 (talk | contribs)
Jump to navigation Jump to search

free sony ringtones cheap lorazepam cheap didrex free qwest ringtones punk ringtones buy zanaflex alltel ringtones real ringtones buy norco cheap cyclobenzaprine lisinopril online carisoprodol online ericsson ringtones buy zyban free punk ringtones cheap phentermine lisinopril online online vicodin free cingular ringtones cheap zanaflex sildenafil online valium online cheap vigrx norco online cheap zoloft pharmacy online cheap albuterol verizon ringtones mp3 ringtones wellbutrin online free music ringtones cheap rivotril buy lorazepam free punk ringtones wellbutrin online sprint ringtones cheap diazepam carisoprodol online music ringtones nexium online pharmacy online online vigrx online zanaflex flexeril online nextel ringtones paxil online hoodia online sonyericsson ringtones soma online real ringtones cheap lortab free music ringtones mtv ringtones but clonazepam qwest ringtones buy sildenafil tramadol online buy paxil cheap hoodia free sonyericsson ringtones sildenafil online cheap wellbutrin tramadol online verizon ringtones sony ringtones ambien online cheap soma qwest ringtones cialis free music ringtones tenuate online buy diazepam free punk ringtones diethylpropion online free sprint ringtones vicodin online vigrx online cheap cialis alltel ringtones free nextel ringtones cheap sildenafil norco online paxil online free nextel ringtones sagem ringtones xanax online free verizon ringtones cheap cialis free cingular ringtones xanax online diazepam online zyban online paxil online free polyphonic ringtones cheap xanax cingular ringtones valium motorola ringtones cheap viagra free free ringtones free cool ringtones jazz ringtones cheap ultram nokia ringtones diazepam online sonyericsson ringtones lortab online free funny ringtones cheap zyban free sprint ringtones hydrocodone free jazz ringtones but adipex cheap xenical buy diazepam zoloft tracfone ringtones cheap tenuate free mono ringtones order zyban cheap ultracet mono ringtones free verizon ringtones viagra online celexa online free motorola ringtones meridia online free sony ringtones vicodin but ultram cheap adipex cheap lisinopril free funny ringtones free kyocera ringtones alprazolam online funny ringtones order vicodin cheap lorazepam hgh online free samsung ringtones cheap carisoprodol lorazepam online free samsung ringtones order fioricet cheap diethylpropion tracfone ringtones paxil online clomid online free jazz ringtones clonazepam online real ringtones wwe ringtones vicodin online meridia online cyclobenzaprine cheap ultracet carisoprodol online wellbutrin norco free verizon ringtones cheap ativan cheap nexium cheap pharmacy online free polyphonic ringtones celexa online sony ringtones cheap zoloft jazz ringtones free alltel ringtones but fioricet cheap alprazolam wellbutrin online mono ringtones cheap diazepam vigrx online polyphonic ringtones ortho online cheap pharmacy online mtv ringtones clonazepam online free real ringtones mp3 ringtones free sharp ringtones hydrocodone online lipitor online phentermine online free ringtones vigrx online sonyericsson ringtones free qwest ringtones carisoprodol online buy didrex cheap propecia ericsson ringtones cingular ringtones paxil online diethylpropion online buy lisinopril celexa vicodin online == 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.