InfoVis:Wiki - User contributions [en]

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 4

2009-01-07T18:19:16Z

UE-InfoVis0809 0508142:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/infovis_ue_aufgabe4.html Beschreibung der Aufgabe 4]

=== Gegebene Daten ===

'''Homer Simpson's Trinkverhalten in Abhängigkeit von seinen Lebensumständen''' 

...Visualisierung von Homer's Lebensabschnitten bzw. Ereignissen mit Einfluss auf sein
Trinkverhalten (zB.: Kindheit, Pubertät, Arbeitslosigkeit, Beziehungen, Hochzeit, Geburt
der Kinder, Liebeskummer, Alltag, etc.) von seiner Geburt bis Jetzt + mögliche
Zukunftsszenarien (mind. 3).
 
*Die Menge folgender Getränke soll für die jeweiligen Lebensumstände ablesbar sein
(ml oder Liter - je nachdem - pro Tag, Monat, Jahr (z.B.: Fokus+Kontext Methoden):
a) Wasser 
b) Milch 
c) Fruchtsaft 
d) Cola 
e) Kaffee (Würfelzucker?) 
f) Bier
(vereinfacht angenommen, Homer trinkt ausschließlich diese Getränke)
 
*Die folgenden Werte sollen abhängig von den konsumierten Getränken ablesbar sein:
1) g oder kg konsumierter Zucker (aus Getränken) + empfohlene Maximaldosis pro Tag, Monat, Jahr
(empfohlene Maximaldosis/Tag: 50g; enthaltener Zucker: 10g/100 ml Cola; 10g/100 ml Fruchtsaft; 3g/Würfelzucker). 
2) mg konsumiertes Coffein + empfohlene Maximaldosis pro Tag, Monat, Jahr
(empfohlene Maximaldosis/Tag: 600mg; enthaltenes Coffein: 10 mg/100 ml Cola; 80 mg/100 ml Kaffee). 
3) g konsumierter Alkohol + empfohlene Maximaldosis pro Tag, Monat, Jahr
(empfohlene Maximaldosis/Tag: 20g; enthaltener Alkohol: 3,6 g/100ml Bier)
 
*Die Daten sollen zur medizinischen/psychologischen Analyse visualisiert werden. 
*Die bisher erlernten Design-Prinzipien sollen umgesetzt werden (z.B.: Optimierung der Data-ink ratio). 
*Die Mockups sollten zumindest 1) Homer's Leben im Überblick 2) und eine Detailansicht wiedergeben. 
*Alle nicht angeführten Daten können frei erfunden werden.

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2008/09|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/ UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10|Gruppe 10]]

== Description of area of use, data, users, tasks and goals ==
=== Analysis of the Area of Use ===
The visualization is to be used in medical/psychological analysis of the patient Homer Jay Simpson.
In this case the test person is an imaginary figure. That is why, the visualized data may seem impossible for a human being, since the data is fictional. What is more, such a tool should preferably show only the amount of sugar, alcohol and caffeine taken by the patient, since they are of interest for the treating doctor and not the actual liquids. However, we are speaking of Homer Simpson and his life and drinking behavior is pretty interesting, so it is of great importance to follow the patterns of his drinking behavior.

=== Analysis of the Dataset ===
There are 2 dimensions for the data used. Please note that the visualizing concept has more than 2 dimensions but all others are derived from the initial two and all their data values can be easily calculated. These 2 are described as follows:

* time
Time is a continuing unit. In this case it is divided in several parts, which mark the different periods in Homer J. Simpson's life. The units used in the graph are years, but there is data for every day in his life for the corresponding periods.
* volume
Volume is a discrete unit. In this case there are values for every day of Homers life, for every different liquid he consumes. The volume is measured in deciliters.

Having the values of these two dimensions and the table with the constant amount of alcohol, caffeine and sugar in each beverage, one can easily calculate the amount of alcohol, sugar and caffeine consumed.

=== Description of the Data Structures in the Dataset ===
The volume is divided in six different categories for the six beverages that are inspected. A possible data structure is a 2 dimensional array. For every cell of the array (day) there is another array with six cells, which hold the values for the volume of the six different beverages. The problem can also be solved with Lists within Lists, etc.

=== Analysis of the the Targetted User Group ===
The users of the tools will most likely be staff trained in medicine or psychology and will know what the dataset with which the visualization concerns itself. Furthermore, it can be taken for granted, that most users will have a better than basic understanding of statistics. A detailed domain knowledge can be taken for granted.

No intimate knowledge of the subject (Homer Jay Simpson) should be taken for granted (unless Dr. Nick is the one to use the tool ;) ), a time-axis should be used to put the different circumstances in context.

=== Goals of the Visualization ===
The visualization should bring to light, the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit (depending on displayed detail-level) over time and the influence of certain events during the life of the subject. It is very easy to see the relation between the different amounts of liquids consumed, which can be of interest and great importance.

== A Solution ==
[[Image:Hst1.jpg]]
[[Image:Hst2.jpg]]

=== From numbers to graphs. A Start ===
A possible solution to the problem can be seen in the graphs above. When started the tool displays the first graph. It is a 2D coordinate system, which presents the amount of liquids ingested by Homer Jay Simpson in relation to his life periods, such as "puberty", "adulthood", etc. The time periods are marked by vertical lines and have labels.
Every parallel to the ordinate represents the total amount of liquid consumed per day. The liquids are always ordered in the following way: water, milk, fruit juice, coke, coffee and beer, and have unique colors. 
What is more, every layer begins at the end of the previous for every single point of Homers life. So for every day of his life the total amount of consumed beverages equals the corresponding value of the top layer. In order to compare the amount he ingests over the years, one should just spare a look at the area of the corresponding beverages and its size. 

=== Static vs. Interactive ===
The graph remains static until the user moves the mouse over it. When this event occurs the tool enters an interactive mode, where the following happens: 

==== Mouse Motion ====
A dashed line follows the cursor (Highlighting) and allows the user to inspect the patients life in detail, since a square box folds out at the bottom end of the line. This box holds out important information (Dynamic Querying), such as sugar, caffeine and alcohol ingested for that particular day and the recommended dosage. 

==== Fish Eye ====
Because of the great deal of data it will not always be easy to remain still on the exact spot with the cursor. Furthermore, one could want to inspect a specific day of the patients life. That is why, the user can click anywhere in the graph near the period he/she desires to inspect. The tool switches to fisheye view (Zooming) and the period around the cursor gains focus. While moving the cursor over the area, the graph zooms in. Everything else can still be observed, but it stays in background because it zooms out when the cursor leaves. 
What is more, the focused period displays more vertical lines. Each of them represents a special event in the patients life. This can be very useful, in order to follow the turnovers in Homers drinking behavior throughout given existence periods.

=== Pros and Cons ===
There are a lot of advantages, because of the simplicity of the tool. However, it should be enhanced in order to cope with some disadvantages. Please note, that the pictures above are pure sketches and do not represent a complete piece of software.

==== Advantages ====
* very easy to interact
** no buttons, only mouse motion and a single click.
* only the important information is shown
** detailed information is hidden
* a common visualization, so it is easy to understand

==== Disadvantages ====
* because of the great amount of data, one cannot easily observe a specific day, without entering the fisheye view.
* one cannot easily compare two or more days, which are far from each other.

=== Enhancements ===
* may be one can click on more than one spot and observe more than one period in detail concurrently.

File:Hst2.jpg

2009-01-07T18:14:20Z

UE-InfoVis0809 0508142: fish eye view of the tool

== Summary ==
fish eye view of the tool
== Copyright status ==

== Source ==

File:Hst1.jpg

2009-01-07T18:07:40Z

UE-InfoVis0809 0508142: static view of the tool

== Summary ==
static view of the tool
== Copyright status ==

== Source ==

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 4

2009-01-06T21:41:48Z

UE-InfoVis0809 0508142: task a written

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

2008-12-08T17:49:14Z

UE-InfoVis0809 0508142: Changelog and explanation added

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/infovis_ue_aufgabe3.html Beschreibung der Aufgabe 3]

=== Zu beurteilende Grafik ===
[[Image:Sotpg6.jpg|400px]] 
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.

{{Quotation | 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 ==
[[Image:co2_InfoVis.png]] 
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 ration 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 ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2008/09|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/ UE InfoVis]

* [[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10|Gruppe 10]]

== 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

File:Co2 InfoVis.png

2008-12-07T22:56:46Z

UE-InfoVis0809 0508142: New page: == Summary == == Copyright status == == Source ==

== Summary ==

== Copyright status ==

== Source ==

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

2008-12-07T22:56:10Z

UE-InfoVis0809 0508142:

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 2

2008-11-24T13:16:05Z

UE-InfoVis0809 0508142: Changelog added

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

=== Zu beurteilende Tabelle ===

[[Image:Web_statistics.jpg]]

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2008/09|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/ UE InfoVis]

* [[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10|Gruppe 10]]

== Evaluation ==
=== Overall ===
A bit more white space should be used, to isolate the table from the graph. '''[Stephen Few, 2004]'''

=== Title ===
Should contain a brief description of the contents and inlcude the key elements of the table (groups, classifications, variables, etc). At least the year should be included in the table. '''[Carter et al., 2004]'''

=== Rows and columns ===
{{Quotation | We naturally think of time as moving from left to right, rather than from top top bottom. } [Stephen Few, 2004]}

The orientation of the table is not optimized, though the choice to let the months be vertically oriented may be a result of lack of space on screen/paper.
'''[Stephen Few, 2004]'''

=== Column headers ===
Fill color is a good way to differentiate between column headers and the data body of a table, when used subtly. In this case, the table is used with an incorporated diagram, which uses the color coding of the column headers of the table. Are we also to change the diagram? I'd prefer to, since the also the diagram is not optimized for readability. One shouldn't go overboard with the use of background colors for differentiation, ''unless one means to highlight the area''. '''[Stephen Few, 2004]'''

=== Body ===
Not optimal readability of the columns due to little white space between rows. The readers eyes should be assisted when scanning down the columns, this is achieved by reduced white spacing between rows; but in this case the white space is a bit too small. A limit of 1:1 between data height and height of white space offers a good readability in general, though in this case, should be 1:.8 or so, to direct scanning of vertically aligned data.
'''[Stephen Few, 2004]'''

=== Numbers and data format ===
One shouldn't include unnecessary information in the table. This occurs in the column labeled "Month", in which every "month" is followed by the year displayed in the table. The year should be put in the header of the table. '''[Stephen Few, 2004]'''

The numbers in the table should be reformatted to incorporate commas to the left of every three whole-number digits. This promotes effective communication of the data by also allowing people with bad short-term memory to enjoy the table. '''[Stephen Few, 2004]'''

At least in the column labeled "Hits", it is easy to get lost in the long numbers. These should be truncated. '''[Stephen Few, 2004]'''

=== Alignment ===
According to '''[Stephen Few, 2004]''', numbers that represent quantitative values, as opposed to identifiers should ''always'' be aligned to the right.

In the column labeled "Bandwidth", commas occur. These should also be aligned to each other, to the right, so as to ease the scanning of the data. The same number of decimal digits is used in all fields of the column, but the alignment is not optimized for readability. '''[Stephen Few, 2004]'''

The headers of the columns should also be aligned as the data. '''[Stephen Few, 2004]'''

== Redesign ==

You can find our redesign proposal to the right by clicking on the thumbnail picture.
The diagram should not be taken into account, since we just wanted to show that there has to be more whitespace between diagrams and their corresponding data tables. We have just created it out of the data but did not customize it. Please discuss only the table associated with it.

[[Image:RefactoredTable.png]]

=== Changelog ===

* The title is more specific.
* Headers are in one color. If you do this, the graph should contain a legend.
* Some of the headers are slightly changed e.g. Bandwidth to Data GB
** The data in some columns has been reformatted to reflect the changes of corresponding header.
* A very thin ruler is added under the header row
* Ruler added before the total row.
* White spaces between rows and columns are changed.

== Bibliography ==
'''[Stephen Few, 2004]''' Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Chapter 8 - Table Design

'''[Carter et al., 2004]''' Michael Carter, Eric N. Wiebe, Miriam Ferzli, Graphing -Designing Tables. Created at. 5.16.2005. Retrieved at: November 18, 2008. http://www.ncsu.edu/labwrite/res/gh/gh-tables.html.

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 2

2008-11-19T22:38:28Z

UE-InfoVis0809 0508142:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

=== Zu beurteilende Tabelle ===

[[Image:Web_statistics.jpg]]

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2008/09|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/ UE InfoVis]

* [[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10|Gruppe 10]]

== Evaluation ==
=== Overall ===
A bit more white space should be used, to isolate the table from the graph. '''[Stephen Few, 2004]'''

=== Title ===
Should contain a brief description of the contents and inlcude the key elements of the table (groups, classifications, variables, etc). At least the year should be included in the table. '''[Carter et al., 2004]'''

=== Rows and columns ===
{{Quotation | We naturally think of time as moving from left to right, rather than from top top bottom. } [Stephen Few, 2004]}

The orientation of the table is not optimized, though the choice to let the months be vertically oriented may be a result of lack of space on screen/paper.
'''[Stephen Few, 2004]'''

=== Column headers ===
Fill color is a good way to differentiate between column headers and the data body of a table, when used subtly. In this case, the table is used with an incorporated diagram, which uses the color coding of the column headers of the table. Are we also to change the diagram? I'd prefer to, since the also the diagram is not optimized for readability. One shouldn't go overboard with the use of background colors for differentiation, ''unless one means to highlight the area''. '''[Stephen Few, 2004]'''

=== Body ===
Not optimal readability of the columns due to little white space between rows. The readers eyes should be assisted when scanning down the columns, this is achieved by reduced white spacing between rows; but in this case the white space is a bit too small. A limit of 1:1 between data height and height of white space offers a good readability in general, though in this case, should be 1:.8 or so, to direct scanning of vertically aligned data.
'''[Stephen Few, 2004]'''

=== Numbers and data format ===
One shouldn't include unnecessary information in the table. This occurs in the column labeled "Month", in which every "month" is followed by the year displayed in the table. The year should be put in the header of the table. '''[Stephen Few, 2004]'''

The numbers in the table should be reformatted to incorporate commas to the left of every three whole-number digits. This promotes effective communication of the data by also allowing people with bad short-term memory to enjoy the table. '''[Stephen Few, 2004]'''

At least in the column labeled "Hits", it is easy to get lost in the long numbers. These should be truncated. '''[Stephen Few, 2004]'''

=== Alignment ===
According to '''[Stephen Few, 2004]''', numbers that represent quantitative values, as opposed to identifiers should ''always'' be aligned to the right.

In the column labeled "Bandwidth", commas occur. These should also be aligned to each other, to the right, so as to ease the scanning of the data. The same number of decimal digits is used in all fields of the column, but the alignment is not optimized for readability. '''[Stephen Few, 2004]'''

The headers of the columns should also be aligned as the data. '''[Stephen Few, 2004]'''

== Redesign ==

You can find our redesign proposal to the right by clicking on the thumbnail picture.
The diagram should not be taken into account, since we just wanted to show that there has to be more whitespace between diagrams and their corresponding data tables. We have just created it out of the data but did not customize it. Please discuss only the table associated with it.

[[Image:RefactoredTable.png]]

== Bibliography ==
'''[Stephen Few, 2004]''' Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Chapter 8 - Table Design

'''[Carter et al., 2004]''' Michael Carter, Eric N. Wiebe, Miriam Ferzli, Graphing -Designing Tables. Created at. 5.16.2005. Retrieved at: November 18, 2008. http://www.ncsu.edu/labwrite/res/gh/gh-tables.html.

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 2

2008-11-19T22:31:56Z

UE-InfoVis0809 0508142: refactored table added

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

=== Zu beurteilende Tabelle ===

[[Image:Web_statistics.jpg]]

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2008/09|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/ UE InfoVis]

* [[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10|Gruppe 10]]

== Evaluation ==
=== Overall ===
A bit more white space should be used, to isolate the table from the graph. '''[Stephen Few, 2004]'''

=== Title ===
Should contain a brief description of the contents and inlcude the key elements of the table (groups, classifications, variables, etc). At least the year should be included in the table. '''[Carter et al., 2004]'''

=== Rows and columns ===
{{Quotation | We naturally think of time as moving from left to right, rather than from top top bottom. } [Stephen Few, 2004]}

The orientation of the table is not optimized, though the choice to let the months be vertically oriented may be a result of lack of space on screen/paper.
'''[Stephen Few, 2004]'''

=== Column headers ===
Fill color is a good way to differentiate between column headers and the data body of a table, when used subtly. In this case, the table is used with an incorporated diagram, which uses the color coding of the column headers of the table. Are we also to change the diagram? I'd prefer to, since the also the diagram is not optimized for readability. One shouldn't go overboard with the use of background colors for differentiation, ''unless one means to highlight the area''. '''[Stephen Few, 2004]'''

=== Body ===
Not optimal readability of the columns due to little white space between rows. The readers eyes should be assisted when scanning down the columns, this is achieved by reduced white spacing between rows; but in this case the white space is a bit too small. A limit of 1:1 between data height and height of white space offers a good readability in general, though in this case, should be 1:.8 or so, to direct scanning of vertically aligned data.
'''[Stephen Few, 2004]'''

=== Numbers and data format ===
One shouldn't include unnecessary information in the table. This occurs in the column labeled "Month", in which every "month" is followed by the year displayed in the table. The year should be put in the header of the table. '''[Stephen Few, 2004]'''

The numbers in the table should be reformatted to incorporate commas to the left of every three whole-number digits. This promotes effective communication of the data by also allowing people with bad short-term memory to enjoy the table. '''[Stephen Few, 2004]'''

At least in the column labeled "Hits", it is easy to get lost in the long numbers. These should be truncated. '''[Stephen Few, 2004]'''

=== Alignment ===
According to '''[Stephen Few, 2004]''', numbers that represent quantitative values, as opposed to identifiers should ''always'' be aligned to the right.

In the column labeled "Bandwidth", commas occur. These should also be aligned to each other, to the right, so as to ease the scanning of the data. The same number of decimal digits is used in all fields of the column, but the alignment is not optimized for readability. '''[Stephen Few, 2004]'''

The headers of the columns should also be aligned as the data. '''[Stephen Few, 2004]'''

== Redesign ==

You can find our redesign proposal to the right by clicking on the thumbnail picture.
The diagram should not be taken into account, since we just wanted to show that there has to be more whitespace between diagrams and their corresponding data tables. We have just created it out of the data but did not customize it. Please discuss only the table associated with it.

[[Image:RefactoredTable.png |thumb|right|''The table after redesign'']]

== Bibliography ==
'''[Stephen Few, 2004]''' Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Chapter 8 - Table Design

'''[Carter et al., 2004]''' Michael Carter, Eric N. Wiebe, Miriam Ferzli, Graphing -Designing Tables. Created at. 5.16.2005. Retrieved at: November 18, 2008. http://www.ncsu.edu/labwrite/res/gh/gh-tables.html.

File:RefactoredTable.png

2008-11-19T22:12:45Z

UE-InfoVis0809 0508142: The refactored table for the 2nd lab

== Summary ==
The refactored table for the 2nd lab
== Copyright status ==

== Source ==

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 1 - Pareto Chart

2008-11-17T21:29:09Z

UE-InfoVis0809 0508142: Source of picture refactored

== Pareto Chart ==

=== Definition ===

[[Image:Pareto.png|thumb|''This chart is created with MS Excel and the data is hypothetical'']]
{{Definition|A '''Pareto chart''' is a histogram in which all bars are sorted in a descending order. The diagram is often accompanied by a line or curve graph which shows the cumulative value of the particular categories shown in it.}}

=== Pareto Principle ===
The Pareto principle (also known as "the 80-20 rule", "the law of the vital few" and "the principle of factor sparsity") states that, for many events, 80% of the effects come from 20% of the causes. Business management thinker [http://en.wikipedia.org/wiki/Dr._Joseph_Moses_Juran Joseph M. Juran] suggested the principle and named it after Italian economist [http://en.wikipedia.org/wiki/Vilfredo_Pareto Vilfredo Federico Damaso Pareto] , who observed that 80% of income in Italy went to 20% of the population. It is a common rule of thumb in business; e.g., "80% of your sales comes from 20% of your clients."

=== Statistical and Mathematical Explanation ===
A histogram is a graphical representation of the frequency distribution of the data. In pareto context the data has to be ordered in a descendant way in order to match the pareto principle.

The curved graph in the Pareto Chart is actually а total frequency polygon, which is widely used in statistics. It is built by connecting the total percentage frequencies on the right edge of the bars in the histogram to each other. '''[Dutter, 2008]'''

=== Fields of use ===
The Pareto Chart could be used in many fields and aspects since it is a blueprint of a general principle. However it is most commonly referenced in the following contexts:
* QC/QM - Quality Control/Quality Management
* Microeconomics
* Statistics

=== Example ===
The following pareto chart is a short example of the Pareto problem. The chart lists the types of document complaints in a company. As you can see the sum of the first two types of complaints goes almost up to 80%. So you can basically say, that 30% (2 from 6 types) of the causes lead to 80% of the complaints in that particular company.
[[Image:Cause-analysis-tools-paret.gif|thumb|center|''Example of the pareto principle [Tague, 2005]'']]

=== History ===
[http://en.wikipedia.org/wiki/Vilfredo_Pareto Vilfredo Federico Damaso Pareto] (July 15, 1848 – August 19, 1923), or Fritz Wilfried Pareto, was an Italian sociologist, economist, and philosopher. He introduced the concept of Pareto efficiency and helped develop the field of microeconomics. In 1906, he made the famous observation that twenty percent of the population owned eighty percent of the property in Italy, later generalised by Joseph M. Juran and others into the so-called Pareto principle (also termed the 80-20 rule) and generalised further to the concept of a Pareto distribution.

=== Bibliography ===
[Koch, 2004] Richard Koch. Living the 80/20 Way: Work Less, Worry Less, Succeed More, Enjoy More. Nicholas Brealey Publishing, London 2004. ISBN 1857883314.

[Eisermann, 2004] G. Eisermann. "Pareto, Vilfredo 1848–1923," International Encyclopedia of the Social & Behavioral Sciences, pp. 11048-11051. [http://www.sciencedirect.com/science?_ob=ArticleURL&_udi=B7MRM-4MT09VJ-2BX&_rdoc=111&_hierId=151000072&_refWorkId=21&_explode=151000072&_fmt=summary&_orig=na&_docanchor=&_idxType=SC&view=c&_ct=148&_acct=C000050221&_version=1&_urlVersion=0&_userid=10&md5=e1c6152199127c6e49da0b4fab6216d2 Abstract] 2004.

[Dutter, 2008] Rudolf Dutter. Statistik und Wahrscheinlichkeitsrechnung für InformatikerInnen, Scriptum, Vienna University of Technology, 2008, pp. 18-25.

[Tague, 2005] Nancy R. Tague. The Quality Toolbox, Second Edition. ASQ Quality Press, ISBN 0873896394, pp. 376-378.

=== External Link ===
[http://en.wikipedia.org/wiki/Dr._Joseph_Moses_Juran Joseph M. Juran]

[http://en.wikipedia.org/wiki/Vilfredo_Pareto Vilfredo Federico Damaso Pareto]

[http://www.amazon.com/Quality-Toolbox-Nancy-R-Tague/dp/0873896394 Nancy R Tague's ''The Quality Toolbox'']

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 1 - Pareto Chart

2008-11-06T21:50:18Z

UE-InfoVis0809 0508142: example added

== Pareto Chart ==

=== Definition ===

[[Image:Pareto.png|thumb|''This chart is created with MS Excel and the data is hypotetical'']]
A '''Pareto chart''' is a histogram in which all bars are sorted in a descending order. The diagram is often accompanied by a line or curve graph which shows the cumulative value of the particular categories shown in it.

=== Pareto Principal ===
The Pareto principle (also known as "the 80-20 rule", "the law of the vital few" and "the principle of factor sparsity") states that, for many events, 80% of the effects come from 20% of the causes. Business management thinker [http://en.wikipedia.org/wiki/Dr._Joseph_Moses_Juran Joseph M. Juran] suggested the principle and named it after Italian economist [http://en.wikipedia.org/wiki/Vilfredo_Pareto Vilfredo Federico Damaso Pareto] , who observed that 80% of income in Italy went to 20% of the population. It is a common rule of thumb in business; e.g., "80% of your sales comes from 20% of your clients."

=== Statistical and Mathematical Explanation ===
A histogram is a graphical representation of the frequency distribution of the data. In pareto context the data has to be ordered in a descendant way in order to match the pareto principal.

The curved graph in the Pareto Chart is actually а total frequency polygon, which is widely used in statistics. It is built by connecting the total percentage frequencies on the right edge of the bars in the histogram to each other. '''[Dutter, 2008]'''

=== Fields of use ===
The Pareto Chart could be used in many fields and aspects since it is a blueprint of a general principle. However it is most commonly referenced in the following contexts:
* QC/QM - Quality Control/Quality Management
* Microeconomics
* Statistics

=== Example ===
The following pareto chart is a short example of the pareto problem. The chart lists the types of document complaints in a company. As you can see the sum of the first two types of complaints goes almost up to 80%. So you can basically say, that 30% (2 from 6 types) of the causes lead to 80% of the complaints in that particular company.
[[Image:Cause-analysis-tools-paret.gif|thumb|center|''Example of the pareto principal'']]

=== History ===
[http://en.wikipedia.org/wiki/Vilfredo_Pareto Vilfredo Federico Damaso Pareto] (July 15, 1848 – August 19, 1923), or Fritz Wilfried Pareto, was an Italian sociologist, economist, and philosopher. He introduced the concept of Pareto efficiency and helped develop the field of microeconomics. In 1906, he made the famous observation that twenty percent of the population owned eighty percent of the property in Italy, later generalised by Joseph M. Juran and others into the so-called Pareto principle (also termed the 80-20 rule) and generalised further to the concept of a Pareto distribution.

=== Bibliography ===
[Koch, 2004] Richard Koch. Living the 80/20 Way: Work Less, Worry Less, Succeed More, Enjoy More. Nicholas Brealey Publishing, London 2004. ISBN 1857883314.

[Eisermann, 2004] "Pareto, Vilfredo 1848–1923," International Encyclopedia of the Social & Behavioral Sciences, pp. 11048-11051. [http://www.sciencedirect.com/science?_ob=ArticleURL&_udi=B7MRM-4MT09VJ-2BX&_rdoc=111&_hierId=151000072&_refWorkId=21&_explode=151000072&_fmt=summary&_orig=na&_docanchor=&_idxType=SC&view=c&_ct=148&_acct=C000050221&_version=1&_urlVersion=0&_userid=10&md5=e1c6152199127c6e49da0b4fab6216d2 Abstract] 2004.

[Dutter, 2008] Rudolf Dutter. Statistik und Wahrscheinlichkeitsrechnung für InformatikerInnen, Scriptum, Vienna University of Technology, 2008, pp. 18-25.

File:Cause-analysis-tools-paret.gif

2008-11-06T21:47:19Z

UE-InfoVis0809 0508142: New page: == Summary == == Copyright status == == Source ==

== Summary ==

== Copyright status ==

== Source ==

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 1 - Pareto Chart

2008-11-06T20:49:15Z

UE-InfoVis0809 0508142: references added

== Pareto Chart ==

=== Definition ===

[[Image:Pareto.png|thumb|''This chart is created with MS Excel and the data is hypotetical'']]
A '''Pareto chart''' is a histogram in which all bars are sorted in a descendant order. The diagram is often accompanied by a line or curve graph which shows the cumulative value of the particular categories shown in it.

=== Pareto Principal ===
The Pareto principle (also known as the 80-20 rule, the law of the vital few and the principle of factor sparsity) states that, for many events, 80% of the effects come from 20% of the causes. Business management thinker [http://en.wikipedia.org/wiki/Dr._Joseph_Moses_Juran Joseph M. Juran] suggested the principle and named it after Italian economist Vilfredo Pareto, who observed that 80% of income in Italy went to 20% of the population. It is a common rule of thumb in business; e.g., "80% of your sales comes from 20% of your clients."

=== Statistical and Mathematical Explanation ===
A histogram is a graphical representation of the frequency distribution of the data. In pareto context the data has to be ordered in a descendant way in order to match the pareto principal.

The curved graph in the Pareto Chart is actually а total frequency polygon, which is widely used in statistics. It is build by connecting the percentage total frequencies on the right edge of the bars in the histogram to each other '''[Dutter, 2008]'''.

=== Fields of use ===
The Pareto Chart could be used in many fields and aspects since it is a blueprint of a general principal. However it is mostly referenced in the following context:
* QC/QM - Quality Control/Quality Management
* Microeconomics
* Statistics

=== History ===
[http://en.wikipedia.org/wiki/Vilfredo_Pareto Vilfredo Federico Damaso Pareto] (July 15, 1848 – August 19, 1923), or Fritz Wilfried Pareto, was an Italian sociologist, economist, and philosopher. He introduced the concept of Pareto efficiency and helped develop the field of microeconomics. In 1906, he made the famous observation that twenty percent of the population owned eighty percent of the property in Italy, later generalised by Joseph M. Juran and others into the so-called Pareto principle (also termed the 80-20 rule) and generalised further to the concept of a Pareto distribution.

=== Bibliography ===
[Koch, 2004] Richard Koch. Living the 80/20 Way: Work Less, Worry Less, Succeed More, Enjoy More. Nicholas Brealey Publishing, London 2004. ISBN 1857883314.

[Eisermann, 2004] "Pareto, Vilfredo 1848–1923," International Encyclopedia of the Social & Behavioral Sciences, pp. 11048-11051. [http://www.sciencedirect.com/science?_ob=ArticleURL&_udi=B7MRM-4MT09VJ-2BX&_rdoc=111&_hierId=151000072&_refWorkId=21&_explode=151000072&_fmt=summary&_orig=na&_docanchor=&_idxType=SC&view=c&_ct=148&_acct=C000050221&_version=1&_urlVersion=0&_userid=10&md5=e1c6152199127c6e49da0b4fab6216d2 Abstract] 2004.

[Dutter, 2008] Rudolf Dutter. Statistik und Wahrscheinlichkeitsrechnung für InformatikerInnen, Scriptum, Vienna University of Technology, 2008, pp. 18-25.

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 1 - Pareto Chart

2008-11-06T20:36:07Z

UE-InfoVis0809 0508142: Dutter reference added and stat and math expl

== Pareto Chart ==

=== Definition ===

[[Image:Pareto.png|thumb|''This chart is created with MS Excel and the data is hypotetical'']]
A '''Pareto chart''' is a histogram in which all bars are sorted in a descendant order. The diagram is often accompanied by a line or curve graph which shows the cumulative value of the particular categories shown in it.

=== Pareto Principal ===
The Pareto principle (also known as the 80-20 rule, the law of the vital few and the principle of factor sparsity) states that, for many events, 80% of the effects come from 20% of the causes. Business management thinker Joseph M. Juran suggested the principle and named it after Italian economist Vilfredo Pareto, who observed that 80% of income in Italy went to 20% of the population. It is a common rule of thumb in business; e.g., "80% of your sales comes from 20% of your clients."

=== Statistical and Mathematical Explanation ===
A histogram is a graphical representation of the frequency distribution of the data. In pareto context the data has to be ordered in a descendant way in order to match the pareto principal.

The curved graph in the Pareto Chart is actually а total frequency polygon, which is widely used in statistics. It is build by connecting the percentage total frequencies on the right edge of the bars in the histogram to each other '''[Dutter, 2008]'''.

=== Fields of use ===
The Pareto Chart could be used in many fields and aspects since it is a blueprint of a general principal. However it is mostly referenced in the following context:
* QC/QM - Quality Control/Quality Management
* Microeconomics
* Statistics

=== History ===
Vilfredo Federico Damaso Pareto(July 15, 1848 – August 19, 1923), or Fritz Wilfried Pareto, was an Italian sociologist, economist, and philosopher. He made several important contributions, particularly in the study of income distribution and in the analysis of individuals' choices. He introduced the concept of Pareto efficiency and helped develop the field of microeconomics. In 1906, he made the famous observation that twenty percent of the population owned eighty percent of the property in Italy, later generalised by Joseph M. Juran and others into the so-called Pareto principle (also termed the 80-20 rule) and generalised further to the concept of a Pareto distribution.

=== Bibliography ===
[Koch et al., 2004] Richard Koch. Living the 80/20 Way: Work Less, Worry Less, Succeed More, Enjoy More. Nicholas Brealey Publishing, London 2004. ISBN 1857883314.

[Dutter, 2008] Rudolf Dutter. Statistik und Wahrscheinlichkeitsrechnung für InformatikerInnen, Scriptum, Vienna University of Technology, 2008, p. 18, p. 25.

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 1 - Pareto Chart

2008-11-06T19:47:46Z

UE-InfoVis0809 0508142:

File:Pareto.png

2008-11-06T19:47:05Z

UE-InfoVis0809 0508142: This diagram is created with Ms Excel and the data is fully hypotetical

== Summary ==
This diagram is created with Ms Excel and the data is fully hypotetical
== Copyright status ==

== Source ==

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 1 - Pareto Chart

2008-11-06T19:44:49Z

UE-InfoVis0809 0508142:

== Pareto Chart ==

=== Definition ===

[[Image:|thumb|''This chart is created with MS Excel and the data is hypotetical'']]
A '''Pareto chart''' is a histogram in which all bars are sorted in a descendant order. The histogram is often accompanied by a line or curve graph which shows the cumulative value of the particular categories. in the diagram.

=== Pareto Principal ===
The Pareto principle (also known as the 80-20 rule, the law of the vital few and the principle of factor sparsity) states that, for many events, 80% of the effects come from 20% of the causes. Business management thinker Joseph M. Juran suggested the principle and named it after Italian economist Vilfredo Pareto, who observed that 80% of income in Italy went to 20% of the population. It is a common rule of thumb in business; e.g., "80% of your sales comes from 20% of your clients."

=== History ===
Vilfredo Federico Damaso Pareto(July 15, 1848 – August 19, 1923), or Fritz Wilfried Pareto, was an Italian sociologist, economist, and philosopher. He made several important contributions, particularly in the study of income distribution and in the analysis of individuals' choices. He introduced the concept of Pareto efficiency and helped develop the field of microeconomics. In 1906, he made the famous observation that twenty percent of the population owned eighty percent of the property in Italy, later generalised by Joseph M. Juran and others into the so-called Pareto principle (also termed the 80-20 rule) and generalised further to the concept of a Pareto distribution.

=== Bibliography ===
[Koch et al., 2004] Richard Koch. Living the 80/20 Way: Work Less, Worry Less, Succeed More, Enjoy More. Nicholas Brealey Publishing, London 2004. ISBN 1857883314.

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 1 - Pareto Chart

2008-11-06T19:23:11Z

UE-InfoVis0809 0508142: first commit... basic structure, no pictures

== Pareto Chart ==

=== Definition ===
A '''Pareto chart''' is a histogram in which all bars are sorted in a descendant order. The histogram is often accompanied by a line or curve graph which shows the cumulative value of the particular categories. in the diagram.

=== Pareto Principal ===
The Pareto principle (also known as the 80-20 rule, the law of the vital few and the principle of factor sparsity) states that, for many events, 80% of the effects come from 20% of the causes. Business management thinker Joseph M. Juran suggested the principle and named it after Italian economist Vilfredo Pareto, who observed that 80% of income in Italy went to 20% of the population. It is a common rule of thumb in business; e.g., "80% of your sales comes from 20% of your clients."

=== History ===
Vilfredo Federico Damaso Pareto(July 15, 1848 – August 19, 1923), or Fritz Wilfried Pareto, was an Italian sociologist, economist, and philosopher. He made several important contributions, particularly in the study of income distribution and in the analysis of individuals' choices. He introduced the concept of Pareto efficiency and helped develop the field of microeconomics. In 1906, he made the famous observation that twenty percent of the population owned eighty percent of the property in Italy, later generalised by Joseph M. Juran and others into the so-called Pareto principle (also termed the 80-20 rule) and generalised further to the concept of a Pareto distribution.

=== Bibliography ===
[Koch et al., 2004] Richard Koch Living the 80/20 Way: Work Less, Worry Less, Succeed More, Enjoy More. Nicholas Brealey Publishing, London 2004. ISBN 1857883314.

Teaching:TUW - UE InfoVis WS 2008/09

2008-10-21T11:00:29Z

UE-InfoVis0809 0508142: Group 10 added

[[Image:Aigner03infovis ue.gif]] <big>WS 2008/09</big>

'''LVA Nr:''' 188.308 ([http://tuwis.tuwien.ac.at/lva/tuwien/188308 TUWIS++ Seite])

'''LVA Homepage:''' http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/index.html

'''Leitung:''' [[Gschwandtner, Theresia|Theresia Gschwandtner]] [gschwandtner (at) ifs.tuwien.ac.at] 
'''Tutorin:''' [[User:Martha_Kaltenecker|Martha Kaltenecker]] [e0125193 (at) student.tuwien.ac.at]

== Gruppen ==

[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 01|Gruppe 01 (KARALL, REGNER, UGUR)]]

[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 06|Gruppe 06 (Frank, Mayer, Rind)]]

[[Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 08|Gruppe 08]]

[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10|Gruppe 10 (DEBONG, FISCHL, PETROV)]]

== News / Bemerkungen ==

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10

2008-10-21T10:57:15Z

UE-InfoVis0809 0508142: MatNr for PP added

==Gruppenmitglieder==
*[[User:UE-InfoVis0809_0427571|Debong, Fredrik]]
*[[User:UE-InfoVis0809_XX|Fischl, Christian]]
*[[User:UE-InfoVis0809_0508142|Petrov, Peter]]

==Aufgaben==
*[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 1|Aufgabe 1]]
*[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 2|Aufgabe 2]]
*[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 3|Aufgabe 3]]
*[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10 - Aufgabe 4|Aufgabe 4]]

User:UE-InfoVis0809 0508142

2008-10-21T10:56:22Z

UE-InfoVis0809 0508142: Version 1.0 of Peter's Page

== Peter Petrov's Page ==

=== Info ===

[[Image:DSC02077.JPG|thumb|''Peter and his nephew Boris, Bulgaria 2008'']]

* ''' Name: ''' PETROV, Peter
* ''' MatNr: ''' 0508142
* ''' Stdkz: ''' 033 526
* ''' Email: ''' pepetrov[at]gmail.com
* ''' Group: ''' [[Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_10 | 10]]

=== Short Biography ===
I am born in Tripolis, Libya on the '' 14th of August 1986 ''. Being 4 months old I returned with my family to my home country of '' Bulgaria '' (or better yet, my family brought me back :P). After many hard years of school attendance, painful homework writing and tons of miserable hours spent at school I decided to visit '' Austria '' and study there.
Since 2005 I study '' Business Informatics '' at the best campus on earth '' [http://www.tuwien.ac.at The University of Technology in Vienna] ''.

=== Interests ===
Better not to tell you now ...

File:DSC02077.JPG

2008-10-21T10:32:33Z

UE-InfoVis0809 0508142: Peter and Boris

== Summary ==
Peter and Boris
== Copyright status ==

== Source ==