Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 3: Difference between revisions

From InfoVis:Wiki
Jump to navigation Jump to search
(Changelog and explanation added)
m (Added linebreak at bibliography)
Line 53: Line 53:
=== Bars ===
=== Bars ===
'' cube graph '' <br>
'' cube graph '' <br>
The data-ink ration decreases through the 3 dimensional graph since there is much ink used that does not code any new data.  
The data-ink ratio decreases through the 3 dimensional graph since there is much ink used that does not code any new data.  


'' matrix chart '' <br>
'' matrix chart '' <br>
Line 67: Line 67:
=== Color ===
=== Color ===
'' cube graph '' <br>
'' cube graph '' <br>
The color palette used is not appropriate. The colors are very bright and the reader concentrates mostly on the yellow bars. Because of the gray color of CO2 the reader assumes that this part of the cube is not important and as we know this is very wrong.
The color palette used is not appropriate. The colors are very bright and the reader concentrates mostly on the yellow bars. Because of the gray color of CO<sub>2</sub> the reader assumes that this part of the cube is not important and as we know this is very wrong.


'' matrix chart '' <br>
'' matrix chart '' <br>
Line 84: Line 84:


[Few, 2004a] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten. Analytics Press, 2004, Chapter 7 - General Design for Communication.
[Few, 2004a] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten. Analytics Press, 2004, Chapter 7 - General Design for Communication.
[Few, 2004b] Stephen Few, Elegance Through Simplicity, United Business Media LLC. Created at: October 16, 2004. Retrieved at: December 7, 2008. http://www.intelligententerprise.com/showArticle.jhtml?articleID=49400920
[Few, 2004b] Stephen Few, Elegance Through Simplicity, United Business Media LLC. Created at: October 16, 2004. Retrieved at: December 7, 2008. http://www.intelligententerprise.com/showArticle.jhtml?articleID=49400920
[Tufte, 1983] Edward Tufte, ''The Visual Display of Quantitative Information.'' Graphics Press, 1983
[Tufte, 1983] Edward Tufte, ''The Visual Display of Quantitative Information.'' Graphics Press, 1983

Revision as of 23:11, 8 December 2008

Aufgabenstellung

Beschreibung der Aufgabe 3

Zu beurteilende Grafik


Emissions in the US - Diff'rent smokes

Evaluation

As it is written at the top of the graph the primary aim is to show that:

  • pollution grows (through the size of the cube)
  • immediately-hazardous pollution decreases (through the bars in the cube)
  • CO2 emission increases (not recognizable at first sight)

Expressed in percent this statement is correct. Measured at the overall pollution it's incorrect because the total emission increases. But wheter this statement is true or not, our goal is to emphasize the author's message by improving his expression.

In anything at all, perfection is finally attained not when there is no longer anything to add, but when there is no longer anything to take away.
[Antoine de Saint Exupery]


The data shall be highlighted to give them a voice that comes through loudly and clearly, without distraction. [Few, 2004a] This can be achieved by subtracting anything, that is not required to support the message and by emphasizing whats important. This leads us to the term of elgance. Elegant comes from the Latin term eligere and means to choose out carefully. [Few, 2004a] In the following we want to evaluate the current graph by using a concept called data-ink ratio introduced by Edward R. Tufte in [Tufte, 1983].

Data-Ink Ratio

Explained in a few words, the data-ink ratio is the proportion of ink which is used to present the actual data compared to the total amount of ink which is used in the entire graph. [Few, 2004b] The graph uses a lot of unnecessary ink - or pixels in this case - and therefore has a low data-ink ratio.

Reduce non-data ink

Every unnecessary non-data ink should be reduced to a minimum. The gray shading at the top can even be removed completely without loss of any data. Having a better representation of data, the written text at the top would become redundant and could also be removed or at least replaced with a few words to introduce the reader in the topic. The engraved text at the top of the cube, the year-digits at the top/left side of the cube and so on can be reduced or even removed.

Enhance the data ink

To emphasize the primary aim of showing up how emission of CO2 increases, the part of the cube which represents CO2 could be highlighted. In the current graph Carbon Monoxide seems to be very important and acts as an eye catcher - even though this was not intended by the author.


Refactored Design


Legend:

  • DEPM - Directly Emited Particulate Matter
  • SO2 - Sulfur Dioxide
  • VOC - Volatile Organic Compound
  • NO - Nitrogen Oxide
  • CH4 - Methane
  • CO - Carbon Monoxide
  • Pb - Lead
  • NH3 - Ammonia
  • CO2 - Carbon Dioxide

Applied Changes

Cube

cube graph
First of all, we want to comment on the cube concept. Generally, we like this concept and think that it is relevant for the problem. However, it is misused in many ways. What is more, it is relative complex for this kind of data that can be presented in a much easier fashion.

matrix chart
To solve this problem we used another type of graph. The Matrix (Bar)Chart. Bar charts are widely used and easy to understand. In addition it is easier to see the (percentual) distribution of the data easier in the Bar-chart than the cube.

Bars

cube graph
The data-ink ratio decreases through the 3 dimensional graph since there is much ink used that does not code any new data.

matrix chart
2D bars are in this case better, because of their data-ink ratio. It is much greater that the data-ink ratio of the cube. What is more, there is no information loss. The reader can guess the relative amount of gas very fast by comparing the size of the bars or just look at the specific amount indicated by the numbers in(above) the bars for a concrete comparison.

Labels

cube graph
There are no labels for the data for the years 1950 and 1980. So you have to guess the ratio of the different gases and you have to scroll all over the graph in order to see the representation of each bar, since there are labels only in the first cube.

matrix chart
To solve this problem we added either an abbreviation or a chemical formula as a label in the matrix chart, since we expect that readers of this kind of graph will be most likely familiar with this terminology. Nevertheless, we added a legend in the wiki, so that the reader can easily see what the abbreviations mean.

Color

cube graph
The color palette used is not appropriate. The colors are very bright and the reader concentrates mostly on the yellow bars. Because of the gray color of CO2 the reader assumes that this part of the cube is not important and as we know this is very wrong.

matrix chart
To solve this problem we used a softer earth color for all the data, since we can say everything that we want with the size of the bars. Therefore, different colors are not needed in this case.

Links

Bibliography

[Few, 2004a] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten. Analytics Press, 2004, Chapter 7 - General Design for Communication.

[Few, 2004b] Stephen Few, Elegance Through Simplicity, United Business Media LLC. Created at: October 16, 2004. Retrieved at: December 7, 2008. http://www.intelligententerprise.com/showArticle.jhtml?articleID=49400920

[Tufte, 1983] Edward Tufte, The Visual Display of Quantitative Information. Graphics Press, 1983