Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G8 - Aufgabe 2: Difference between revisions

From InfoVis:Wiki
Jump to navigation Jump to search
No edit summary
(Removed SPAM)
 
(12 intermediate revisions by 5 users not shown)
Line 6: Line 6:
== Resulting Graphic ==
== Resulting Graphic ==


<!--
[[Image:SnowfallIdaho7.jpg|Annual Average Snowfall in Idaho - corrected graphic]]<br>
[[Image:SnowfallIdaho7.jpg|Annual Average Snowfall in Idaho - corrected graphic]]<br>
[Seyfang, Fritz, Baldass, Schnabl, 2005]
[Seyfang, Fritz, Baldass, Schnabl, 2005]
-->
[[Image:SnowfallIdaho9.jpg|Annual Average Snowfall in Idaho - corrected graphic]]<br>
[Seyfang, Fritz, Schnabl, 2005]


== Comparison ==
== Comparison ==
Line 16: Line 21:
!Worked Graphic
!Worked Graphic
|-
|-
|valign="top" bgcolor="#eeeeee"|legend
|valign="top" bgcolor="#eeeeee"|'''legend'''
|valign="top" bgcolor="#eeeeee"|The legend is inconsistent<li> in its symbols<br><li>in its ranges (not continuous)
|valign="top" bgcolor="#eeeeee"|The legend is inconsistent in its symbols and in its ranges (not continuous).
|valign="top" bgcolor="#eeeeee"|The symbols are continuous and follow the rules for representing non-metric but ordinary classes of ranges [1][Miksch, 2005]<br> Moreover all 5 symbols have evaluated out of the same basic symbol (snowflake), and are thus consistent.<br> Moreover the ranges which are represented by the symbols were made to descend into one another.
|valign="top" bgcolor="#eeeeee"|The symbols are continuous and follow the rules for representing non-metric but ordinary classes of ranges [1][Miksch, 2005]<br>Moreover the ranges which are represented by the symbols were made to descend into one another.  
|-
|-
|valign="top"|legend (symbols)
|valign="top"|'''legend (symbols)'''
|valign="top"|The root version, even though its symbols are inconsitent in shape and color, gives a rough impression where snow can be expected in a major amount. It provides the user with some sort of a rough overview about Idaho and the snowfall. This is information we thought is very useful.
|valign="top"|The root version, even though its symbols are inconsitent in shape and color, gives a rough impression where snow can be expected in a major amount. It provides the user with some sort of a rough overview about Idaho and the snowfall. This is information we thought is very useful.
|valign="top"|The symbols now give a good impression where high amounts of snowfall can be expected.
|valign="top"|The symbols now give a good impression where high amounts of snowfall can be expected. They are kept simple and easy to read [6] [Muster et. al., 2005].
|-
|-
|valign="top" bgcolor="#eeeeee"|legend (background)
|valign="top" bgcolor="#eeeeee"|'''legend (background)'''
|valign="top" bgcolor="#eeeeee"|The legend has no explicit bakground.
|valign="top" bgcolor="#eeeeee"|The legend has no explicit bakground.
|valign="top" bgcolor="#eeeeee"|The legend now has a slight linear gradient from white (70% visible) to 100% visible white. This suggests the impression that the lower symbols (bigger) represent more snow.
|valign="top" bgcolor="#eeeeee"|The background of the legend is in white, keeping it seperated from the grey overall bacground and maximizing the contrast to the symbols and the text in the legend. We have also tried some backgrounds giving the shape of the country, or color coding, but we choose the simplest one [6] [Muster et. al., 2005].
|-
|-
|valign="top"|background (map, the image)
|valign="top"|'''background (map, the image)'''
|valign="top"|Keeps no information (for the data of snowfall)
|valign="top"|Keeps no information (for the data of snowfall)
|valign="top"|Was exchanged by a satellite view of Idaho, giving just the outer bounds of the state and the inner borders of the different districts.
|valign="top"|Was exchanged by a satellite view of Idaho, giving just the outer bounds of the state and the inner borders of the different districts. By that we reached a higher data ink ration [3] [Schwarz et. al., 2005].
|-
|-
|valign="top" bgcolor="#eeeeee"|background (radial gradient)
|valign="top" bgcolor="#eeeeee"|'''background (radial gradient)'''
|valign="top" bgcolor="#eeeeee"|Is distracting the viewer, keeps no additional information.
|valign="top" bgcolor="#eeeeee"|Is distracting the viewer, keeps no additional information.
|valign="top" bgcolor="#eeeeee"|Was changed to a very light gray background to keep a contrast between the shape of the land (which is white in large parts as well).
|valign="top" bgcolor="#eeeeee"|Was changed to a very light gray background to keep a contrast between the shape of the land (which is white in large parts as well). Helps to raise the data ink ratio as well [3] [Schwarz et. al., 2005]
|-
|-
|valign="top"|spot indicators (color)
|valign="top"|'''spot indicators (color)'''
|valign="top"|The spot indicators are all of a different color, which can not at all be related to the amount of snow it should represent.
|valign="top"|The spot indicators are all of a different color, which can not at all be related to the amount of snow it should represent.
|valign="top"|The color keeps no informations, so the attribute is dumped.
|valign="top"|The color keeps no informations, so all symbols are of one color. Due to the rules of preattentive processing we used a color which has a very high amount of contrast but still is not distorting the viewer [5] [Kargl et. al.,2005]. We chose blue for the symbols.
|-
|-
|valign="top" bgcolor="#eeeeee"|spot indicators (form)
|valign="top" bgcolor="#eeeeee"|'''spot indicators (form)'''
|valign="top" bgcolor="#eeeeee"|Are inconsistent and the fourth one does not give a good idea where the center actually is (asymetric).
|valign="top" bgcolor="#eeeeee"|Are inconsistent and the fourth one does not give a good idea where the center actually is (asymetric).
|valign="top" bgcolor="#eeeeee"|The new symbol has a clear center point, representing the spot on the map where the viewer can expect the place named.
|valign="top" bgcolor="#eeeeee"|The new symbol has a clear center point, representing the spot on the map where the viewer can expect the place named. This goes in common with the ''location'' hat-rack from the five-hat-racks. [4] [Kargl et.al.,2005]
|-
|-
|valign="top"|spot description (background)
|valign="top"|'''spot description (text)'''
|valign="top"|Contrast is not too good with the background of the boxes.
|valign="top"|The text is in white, which has a too low contrast most of the time due to the irregular color of the background image.
|valign="top"|Whitening the background beneath the text for raising the contrast value for extra clear reading. On the other hand this is keeping the context (background) reasonable recognizeable. [2]
|valign="top"|The text is written in simple black color [6] [Muster et. al., 2005].
|-
|valign="top" bgcolor="#eeeeee"|spot description (text)
|valign="top" bgcolor="#eeeeee"|The text is in white, which has a too low contrast most of the time due to the irregular color of the background image.
|valign="top" bgcolor="#eeeeee"|The text is written in simple black color.
|}
|}


Line 59: Line 60:
[2] [Miksch, 2005] Focus + Kontext, Course Transparencies, p.5 ff, Retrieved at: October 2005.<br>
[2] [Miksch, 2005] Focus + Kontext, Course Transparencies, p.5 ff, Retrieved at: October 2005.<br>
http://www.ifs.tuwien.ac.at/~silvia/wien/vu-infovis/PDF-Files/InfoVis-1.pdf
http://www.ifs.tuwien.ac.at/~silvia/wien/vu-infovis/PDF-Files/InfoVis-1.pdf
[3] [Schwarz et. al., 2005] Harald Schwarz, Simon Ledinek, Thomas Gamper, Gerold Mosizer, ''Data Ink Ratio'', Created at: 10.10.2005, Retrieved at: 10.11.2005, http://www.infovis-wiki.net/index.php/Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_01_-_Aufgabe_1_-_Data-Ink_Ratio
[4] [Kargl et.al., 2005] Horst Kargl, Muhammad Suhaib Karim, Andreas Rainer, Ali Akcaglayan, '' The Five Hat Racks'', Created at: 10.10.2005, Retrieved at: 10.11.2005, http://www.infovis-wiki.net/index.php/Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_G3_-_Aufgabe_1_-_Five_Hat_Racks
[4] [Kargl et.al., 2005] Horst Kargl, Muhammad Suhaib Karim, Andreas Rainer, Ali Akcaglayan, ''Preattentive Processing'', Created at: 10.10.2005, Retrieved at: 10.11.2005, http://www.infovis-wiki.net/index.php/Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_G3_-_Aufgabe_1_-_Preattentive_Processing
[6] [Muster et. al., 2005] Anna Muster, Jürgen Puchts, Christian Rainer, Christoph Sölder, ''The Principle of Simplicity'', Created at: 10.10.2005, Retrieved at: 10.11.2005, http://www.infovis-wiki.net/index.php/Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_G4_-_Aufgabe_1_-_Ockham%27s_Razor_/_Occam%27s_Razor_/_Principle_of_Simplicity


----
----
< [[Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G8|G8]]<br>
< [[Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G8|G8]]<br>
<< [[Teaching:TUW_-_UE_InfoVis_WS_2005/06|overview]]
<< [[Teaching:TUW_-_UE_InfoVis_WS_2005/06|overview]]

Latest revision as of 09:30, 27 August 2007

Poor Graphic[edit]

Idaho Ski Resort Annual Snowfall (click on image for larger version)

Resulting Graphic[edit]

Annual Average Snowfall in Idaho - corrected graphic
[Seyfang, Fritz, Schnabl, 2005]

Comparison[edit]

Element Poor Graphic Worked Graphic
legend The legend is inconsistent in its symbols and in its ranges (not continuous). The symbols are continuous and follow the rules for representing non-metric but ordinary classes of ranges [1][Miksch, 2005]
Moreover the ranges which are represented by the symbols were made to descend into one another.
legend (symbols) The root version, even though its symbols are inconsitent in shape and color, gives a rough impression where snow can be expected in a major amount. It provides the user with some sort of a rough overview about Idaho and the snowfall. This is information we thought is very useful. The symbols now give a good impression where high amounts of snowfall can be expected. They are kept simple and easy to read [6] [Muster et. al., 2005].
legend (background) The legend has no explicit bakground. The background of the legend is in white, keeping it seperated from the grey overall bacground and maximizing the contrast to the symbols and the text in the legend. We have also tried some backgrounds giving the shape of the country, or color coding, but we choose the simplest one [6] [Muster et. al., 2005].
background (map, the image) Keeps no information (for the data of snowfall) Was exchanged by a satellite view of Idaho, giving just the outer bounds of the state and the inner borders of the different districts. By that we reached a higher data ink ration [3] [Schwarz et. al., 2005].
background (radial gradient) Is distracting the viewer, keeps no additional information. Was changed to a very light gray background to keep a contrast between the shape of the land (which is white in large parts as well). Helps to raise the data ink ratio as well [3] [Schwarz et. al., 2005]
spot indicators (color) The spot indicators are all of a different color, which can not at all be related to the amount of snow it should represent. The color keeps no informations, so all symbols are of one color. Due to the rules of preattentive processing we used a color which has a very high amount of contrast but still is not distorting the viewer [5] [Kargl et. al.,2005]. We chose blue for the symbols.
spot indicators (form) Are inconsistent and the fourth one does not give a good idea where the center actually is (asymetric). The new symbol has a clear center point, representing the spot on the map where the viewer can expect the place named. This goes in common with the location hat-rack from the five-hat-racks. [4] [Kargl et.al.,2005]
spot description (text) The text is in white, which has a too low contrast most of the time due to the irregular color of the background image. The text is written in simple black color [6] [Muster et. al., 2005].


[1] [Miksch, 2005] Basic Understanding of Information Visualisation, Course Transparencies, p.29, Retrieved at: October 2005.
http://www.ifs.tuwien.ac.at/~silvia/wien/vu-infovis/PDF-Files/InfoVis-0-Defs.pdf

[2] [Miksch, 2005] Focus + Kontext, Course Transparencies, p.5 ff, Retrieved at: October 2005.
http://www.ifs.tuwien.ac.at/~silvia/wien/vu-infovis/PDF-Files/InfoVis-1.pdf

[3] [Schwarz et. al., 2005] Harald Schwarz, Simon Ledinek, Thomas Gamper, Gerold Mosizer, Data Ink Ratio, Created at: 10.10.2005, Retrieved at: 10.11.2005, http://www.infovis-wiki.net/index.php/Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_01_-_Aufgabe_1_-_Data-Ink_Ratio

[4] [Kargl et.al., 2005] Horst Kargl, Muhammad Suhaib Karim, Andreas Rainer, Ali Akcaglayan, The Five Hat Racks, Created at: 10.10.2005, Retrieved at: 10.11.2005, http://www.infovis-wiki.net/index.php/Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_G3_-_Aufgabe_1_-_Five_Hat_Racks

[4] [Kargl et.al., 2005] Horst Kargl, Muhammad Suhaib Karim, Andreas Rainer, Ali Akcaglayan, Preattentive Processing, Created at: 10.10.2005, Retrieved at: 10.11.2005, http://www.infovis-wiki.net/index.php/Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_G3_-_Aufgabe_1_-_Preattentive_Processing

[6] [Muster et. al., 2005] Anna Muster, Jürgen Puchts, Christian Rainer, Christoph Sölder, The Principle of Simplicity, Created at: 10.10.2005, Retrieved at: 10.11.2005, http://www.infovis-wiki.net/index.php/Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_G4_-_Aufgabe_1_-_Ockham%27s_Razor_/_Occam%27s_Razor_/_Principle_of_Simplicity


< G8
<< overview