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

From InfoVis:Wiki
Revision as of 10:46, 15 July 2007 by KupXv5 (talk | contribs)
Jump to navigation Jump to search

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