InfoVis:Wiki - User contributions [en]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 03 - Aufgabe 4

2010-01-05T09:55:11Z

UE-InfoVis0910 0526452: Mockups eingebunden

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

=== Zu erstellende Visualisierung ===
-------------------------------
* Stammbaum der Nachkommen von Lisa und Bart Simpson*

...Visualisierung der Nachkommen von Lisa Simpson sowie der Nachkommen von Bart Simpson. Dabei sollen zwei Stammbäume entstehen - einer von Bart und einer von Lisa - die dann miteinander verglichen werden können. Zuerst kommen Lisa und Bart, dann deren Kinder, ihre Enkel, etc. (mind 4 Generationen). Da es noch keine Nachkommen gibt, können diese frei erfunden werden.

Die Visualisierung soll folgende Informationen darstellen:

- Verwandtschaftsverhältnisse (zumindest Eltern-Kinder),

- Unterscheidung zwischen Blutsverwandtschaft und angeheirateten Familienmitgliedern,

- Geburts- und Todestag sowie Lebensdauer von allen Familienmitgliedern,

- wichtige Ereignisse im Leben jedes Familienmitglieds (z.B., Anzeigen, Gefängnisaufenthalte, Schulzeit, Studienzeit, Nobelpreise, Arbeitslosigkeit etc.)

- Zufriedenheit jedes Familienmitglieds (Skala: sehr niedrig - niedrig - mittel - hoch - sehr hoch); kann sich im Laufe des Lebens ändern.

Die Visualisierung soll die interaktive Auseinandersetzung mit den Daten ermöglichen.
Verpflichtend:
Möglichkeiten zum besseren Vergleich von einzelnen Abschnitten der Stammbäume bzw. Vergleich von Ausschnitten aus Lisas und Barts Stammbäumen.
+ mind. 2 weitere Interaktionsmöglichkeiten (z.B., Details on Demand, Filteroptionen)

Allgemein:

- Die Daten sollen zur Analyse von Zusammenhängen zwischen Familienverhältnissen, wichtigen Ereignissen und Zufriedenheit visualisiert werden (die Anwendungsgebiets- und Zielgruppenanalyse kann kurz gehalten werden).

- Die bisher erlernten Design-Prinzipien sollen umgesetzt werden z.B.: Optimierung der Data-ink ratio (keine Comics!), visuelle Attribute (Größe, Farbe, Position, etc.) sollen sinnvoll eingesetzt werden (Information darstellen).

- Die Mockups sollten zumindest 1) die beiden Stammbäume im Überblick und 2) eine detaillierte Vergleichsansicht von 2 Teil-Stammbäumen wiedergeben.

- Alle nicht angeführten Daten können frei erfunden werden.

------------------------------

== Description of application area, data, target group and tasks ==

=== Application area and data ===

Family tree analysis is used to find out more about ancestors. The graph (tree) shows the connections between ancestors and the tree’s nodes give access to more detailed information about a certain ancestor (e.g. date of birth, occupations, …).
The most important data used to visualize the family structure are date of birth and date of death of a person. Additional nominal data like name of husband/wife and children (may also be represented by connections to according tree nodes), occupations and other important events in life.

=== Target group ===
Target group for family trees are usually people, who would like to know more about their ancestors. The tree is seldom created by these people themselves, but by experts. Hence a visualization has to be applicable for users, who seek for information and people, who create these graphs.

=== Goals===
* The graph needs to be as simple as possible to be useful for most people and still contain all information needed.
* The chosen visualization shouldn’t distract people from the most important data shown, which should be accessible as easy as possible.

== Concept ==

The following informations can be retrieved:

* Day of birth and death, as well as life time of all family members:
*: The family tree is shown in a horizontal timescale. The life of a person is shown by a bar, containing the name and the sex. the length of the bar shows how long the person lived, and from the position you can see the year of birth/ death, which is also written textual into the bar. More detailed informations (like the exact date of the birth, etc.) can be viewed by a details on demand technique (more later).
*: With a glaze one can see how long persons lived compared to others, when they got married or got children.

* The relationship (at least child-parent); difference between blood-relationship and relation through marriage:
*: When two persons get married, they are aligned next to each other vertically. When they got married is displayed by the marriage-sign.
*: The child-parent relation is shown by a line that is connecting the parents with their child(ren).
*: When a Person is marked by a single click, the (recursive) blood-relationship is displayed by red borders/ connection lines. So also relations like grandparents, grandchildren and so on can be easily seen.

* Important events in the life of the family members (e.g. complaints, imprisonment, school days, years of study, nobel prizes, unemployment, ...)
*: Double clicking on a persons bar opens up a new tab showing these informations (more later)

* Satisfaction of each family member (scale: very low, low, intermediate, high, very high); can be changing in the course of the life.
*: The bar (visualizing the lifespan of a person) is colored with a individual gradient, showing how the contentment of the person changed over time. Orange indicates very low satisfation, green very high satisfation. Dependent on how high the satisfaction is at a time, the color is picked from the gradient between the two main colors.

* The visualization should allow interaction with the data:
** Comparison of certain periods of life from different genealogys / comparison of periods of Barts and Lisas family trees
**: Clicking on two persons with shift pressed opens a new tab with a comparison view of the two sub trees of the persons. The two trees are split by a dashed line and aligned to the same timescale. An other possibility would be to use years of lifes as timescale which is handy for comparing the trees of persons who lived in different generations. The horizontal axis now shows the relative years passed since the birth of the persons to compare (not shown in mockups).
** At least 2 more possibilities of interaction (e.g. details on demand, filtering, ...)
*** Fading over a persons bar shows more detailed infos about its life in a popup window (like a quick tip), including day of birth, day of death, the age the person reached, and a list of important events with date (like marriage, childs born, ...) to give more exact information that can only be retrieved roughly in the overview.
*** When clicking on a person, all visible blood related persons are highlighed with red borders/ lines to visualize first-degree relations.
*** Double clicking on a persons bar, a new tab is opened showing more details about the life of the person. This informations can be educational 'milestones', information about employment, complaints, imprisonment, nobel prizes, etc.

* The mockups shall show at least:
:* Overview of the both family trees

:: [[Image:Gr03_04_1.jpg|400px]] [[Image:Gr03_04_2.jpg|400px]]

:* Detailed comparison of two partial trees

:: [[Image:Gr03_04_3.jpg|400px]] [[Image:Gr03_04_4.jpg|400px]]

------------------------------

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]
* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]
* [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 03|Gruppe 03]]

File:Gr03 04 4.jpg

2010-01-05T09:46:43Z

UE-InfoVis0910 0526452: A detailed view of Bob Simpsons life including born children, timelines of his carrer, his parents, his marriged wife or the satisfaction.

== Beschreibung ==
A detailed view of Bob Simpsons life including born children, timelines of his carrer, his parents, his marriged wife or the satisfaction.
== Copyright status ==

== Source ==
Selfmade

File:Gr03 04 3.jpg

2010-01-05T09:43:29Z

UE-InfoVis0910 0526452: An overview of Bart`s family tree with selected blood relationship.

== Beschreibung ==
An overview of Bart`s family tree with selected blood relationship.
== Copyright status ==

== Source ==
Selfmade

File:Gr03 04 2.jpg

2010-01-05T09:40:51Z

UE-InfoVis0910 0526452: An overview of Bart`s family tree.

== Beschreibung ==
An overview of Bart`s family tree.
== Copyright status ==

== Source ==
Selfmade

File:Gr03 04 1.jpg

2010-01-05T09:39:45Z

UE-InfoVis0910 0526452: An overview of the family trees

== Beschreibung ==
An overview of the family trees
== Copyright status ==

== Source ==
Selfmade

Teaching talk:TUW - UE InfoVis WS 2009/10 - Gruppe 03 - Aufgabe 3

2009-12-19T11:03:29Z

UE-InfoVis0910 0526452: Anmerkung

==Bewertung==

'''vorläufige Bewertung: 22 Punkte'''

Begründung:
* Sehr guter Lösungsvorschlag
* Die Farben sollten sich voneinander besser unterscheiden. Vor allem "animal fats" (was übrigens in der Legende falsch geschrieben ist ;-)), "Milk & Products" und "Vegetable Oils" sind schwer auseinander zu halten.
* Auch in der Überschrift befindet sich ein Rechtschreibfehler
* Kennzeichnung der Werte in den Klammern als durchschnittlicher Gesamtverbrauch pro Kopf. Diesen Wert auch hervorheben, da er zur Zeit etwas untergeht. Der Wert sollte auch bei der Beschriftung der y-Achse angegeben werden.
* Bitte fügt die ursprüngliche (zu verbessernde) Grafik wieder auf der Seite ein.

[[User:Katharina-Anna Wendelin|Katharina-Anna Wendelin]] 15:22, 18. Dezember 2009 

:* Farben sowie Rechtschreibfehler ausgebessert / verbessert!
:* Ursprüngliche Grafik: Verlinkungsfehler behoben
:* Geklammerte Werte hervorgehoben jedoch auf der x-Achse gelassen, da diese Daten nur einen direkten Zusammenhang mit den auf der x-Achse aufgetragenen Jahren haben. Anmerkung bzgl. Gesamtverbrauch pro Kopf nur einmal angegeben (links) wegen Data-Ink-Ratio. Beschriftung der y-Achse gleich gelassen, da diese ja nur die Änderungs-Rate der verschiedenen Daten angibt!
::([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 12:03, 19 December 2009 (CET))

------------------------------

Violation of Rules:

* Rule 3: Colors in the given diagrams are meaningful, but the diagrams could be better arranged.
* Rule 5: Colors of the lines are bad. Red and green in a diagram is not good (color blindness, Rule 8)
* Rule 6: Colors are not enough different (f.e. green or yellow)

* The diagrams have no expressiveness. No declaration of percentual values or constants.
* Contrast between background and foreground is not optimal (especially expression)
* Unnecessary "non-data-ink" should be omitted (e.g. seperation between the diagrams)
* Diagrams shoud be rebuild. At the moment it is not realy clear, would data should be shown, what should be compared etc.
* Sequenzing diagrams to simplify the readability (from left to right, from top to bottom)
* Consider WHAT, WHEN, WHO, WHERE in the diagrams
([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 16:11, 3 December 2009 (CET))

=== Additional Ideas/ Critics: ===
* Introduction mentions US, but no graph about US itself.
* No percentage on graphs. No exact values plotted --> no exact message
* Black background (no data-ink) --> bad contrast
* Is any data more important?
* Detailed legend for every graph --> may be replaced by legends included inside the graph, so reader is able to derive this info by himself
* colors are not very distinct

=== some more redesign ideas ===
* The black background - although it probably made sence in the original context - could be removed -> the text colored black
* The headlines background shouldn't differ a lot from the main background color, to not draw away attention from the data
* <strike>Enhance the use of ink in a way, that simmilar categories get more simmilar colors</strike>, but still having enough difference between the colors
* Rethink, if all caregories are needed. If not, add unrelevant data to the 'other' section (e.g. animal fat).
* <strike>Soften the colors of the less relevant data compared to the important one (important are: meat, cereals, ?);</strike> 'other' should be least prominent;
* Remove the decoration element in the middle of the graphs, because it just distracts.
* Text below the image: display the words referring to categories of the graphs italic.
* Hues like black and red tend to drag more attention than others, don't ose them if this is not intended
* <strike>Reorder the data, so that the graphs begin with the most important category,</strike> the least important at the end
* Rotated text is bad, dont use it like the years.
* <strike>Border around the graphs and their related explanations?</strike> Not good
* Possible new structure of the graphs:
** Keep each region in a different graph. Putting them all together would lead to chaos.
** Use a bar diagram, each bar is a category, the years are put next to each other
** or use a line diagram instead with the years as horizontal developing. The categories are represented by different lines and different colors.
** In both ways, the graphs shall be placed next to each other (from left to right), to make it possible to compare the values of the regions as well.
* Importance can also be communicated via thickness of the lines
* Keep size of legend the same than the text, labels

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 03 - Aufgabe 3

2009-12-19T10:57:27Z

UE-InfoVis0910 0526452: Fehlerausbesserung

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

=== Zu verbessernde Grafik ===
-------------------------------
Grafik: [http://www.infovis-wiki.net/index.php?title=Image:Food.png Link]
 

== critics ==
* 'no data ink'-ratio too high (e.g. black background)
* colors used in diagrams are not distinctive enough
** red and green is used -> may be a problem because of color blindness
** contrast foreground – background is too low
** headlines shouldn’t draw attention away from (important) graphs
** rotated text shouldn’t be used
* diagrams aren’t exactly meaningful -> no exact values given, e.g. percentage
* diagrams should be re-built to make them better readable -> meaningful sequence e.g. “left to right”, “top to bottom”
* are all categories shown in the graphs are needed to convey the message?
* WHEN, WHO, WHERE should be considered in diagrams

[http://www.infovis-wiki.net/index.php?title=Image:Gr03_09_Diagramme.jpg Diagramme alt]

[[Image:Gr03_09_Diagramme_neu.jpg]]

== improvements made ==
* we removed the black background and the background from the headline. although it makes sense in the design of the entire page, looked at it seperatly its not necessary.
* the basic design of the table was changed (from a circle diagram) to a line diagram with years as one dimension, calories as the other dimension, the different types of food as categories:
** percent -> values: in the circle the values are shown in percentage of the circle (the amount was shown in the size of the diagram). now we use the absolute numbers comparing them over the years in a
** line diagram which makes it much easier to see the in-/decrease of the values.
** this also brings a reduction of a diagram for each county.
** as the new diagrams only contain 2 values each on the horizontal axis, its possible to make them relative small and
** align all the diagrams in one line from the left to the right. because the values are shown on the vertical axes which were
** normed to a maximum value over all countries. this even allows to campare the values between the countries.
* additional decoration like the bar in the middle of the old graphic are not necessary to express the data and thus were omitted.
* the categories have no natural order, so we ordered them alphabetically, except the category 'other' which is the least meaningful compared to the others and so listed last.
* the text next to the diagrams was removed, because it refered to the article, not to the diagrams themselfes which is more confusing then helping.
* we added a reference to the source of the data used in the diagram.

File:Gr03 09 Diagramme neu.jpg

2009-12-19T10:55:30Z

UE-InfoVis0910 0526452: Revised diagram from given source. The Future of Food: How Science Will Solve the Next Global Crises Organization/Author: Wired Magazine URL: http://www.wired.com/special_multimedia/2008/ff_futurefood_1611 Created at: Oct 20, 2008 Retrieved at: Nov 19, 2

== Beschreibung ==
Revised diagram from given source.

The Future of Food: How Science Will Solve the Next Global Crises Organization/Author: Wired Magazine URL: http://www.wired.com/special_multimedia/2008/ff_futurefood_1611 Created at: Oct 20, 2008 Retrieved at: Nov 19, 2009
== Copyright status ==

== Source ==
http://www.wired.com/special_multimedia/2008/ff_futurefood_1611

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 03 - Aufgabe 3

2009-12-19T10:02:35Z

UE-InfoVis0910 0526452:

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

=== Zu verbessernde Grafik ===
-------------------------------
[http://www.infovis-wiki.net/index.php?title=Image:Food.png Link]
 

== critics ==
* 'no data ink'-ratio too high (e.g. black background)
* colors used in diagrams are not distinctive enough
** red and green is used -> may be a problem because of color blindness
** contrast foreground – background is too low
** headlines shouldn’t draw attention away from (important) graphs
** rotated text shouldn’t be used
* diagrams aren’t exactly meaningful -> no exact values given, e.g. percentage
* diagrams should be re-built to make them better readable -> meaningful sequence e.g. “left to right”, “top to bottom”
* are all categories shown in the graphs are needed to convey the message?
* WHEN, WHO, WHERE should be considered in diagrams

[[Image: Gr03_09_Diagramme.jpg]]

== improvements made ==
* we removed the black background and the background from the headline. although it makes sense in the design of the entire page, looked at it seperatly its not necessary.
* the basic design of the table was changed (from a circle diagram) to a line diagram with years as one dimension, calories as the other dimension, the different types of food as categories:
** percent -> values: in the circle the values are shown in percentage of the circle (the amount was shown in the size of the diagram). now we use the absolute numbers comparing them over the years in a
** line diagram which makes it much easier to see the in-/decrease of the values.
** this also brings a reduction of a diagram for each county.
** as the new diagrams only contain 2 values each on the horizontal axis, its possible to make them relative small and
** align all the diagrams in one line from the left to the right. because the values are shown on the vertical axes which were
** normed to a maximum value over all countries. this even allows to campare the values between the countries.
* additional decoration like the bar in the middle of the old graphic are not necessary to express the data and thus were omitted.
* the categories have no natural order, so we ordered them alphabetically, except the category 'other' which is the least meaningful compared to the others and so listed last.
* the text next to the diagrams was removed, because it refered to the article, not to the diagrams themselfes which is more confusing then helping.
* we added a reference to the source of the data used in the diagram.

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 03 - Aufgabe 3

2009-12-08T15:54:33Z

UE-InfoVis0910 0526452: Import new diagrams

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

=== Zu verbessernde Grafik ===
-------------------------------
[http://www.infovis-wiki.net/index.php?title=Image:Food.png| Link]
 

== critics ==
* 'no data ink'-ratio too high (e.g. black background)
* colors used in diagrams are not distinctive enough
** red and green is used -> may be a problem because of color blindness
** contrast foreground – background is too low
** headlines shouldn’t draw attention away from (important) graphs
** rotated text shouldn’t be used
* diagrams aren’t exactly meaningful -> no exact values given, e.g. percentage
* diagrams should be re-built to make them better readable -> meaningful sequence e.g. “left to right”, “top to bottom”
* are all categories shown in the graphs are needed to convey the message?
* WHEN, WHO, WHERE should be considered in diagrams

[[Image: Gr03_09_Diagramme.jpg]]

== improvements made ==
* we removed the black background and the background from the headline. although it makes sense in the design of the entire page, looked at it seperatly its not necessary.
* the basic design of the table was changed (from a circle diagram) to a line diagram with years as one dimension, calories as the other dimension, the different types of food as categories:
** percent -> values: in the circle the values are shown in percentage of the circle (the amount was shown in the size of the diagram). now we use the absolute numbers comparing them over the years in a
** line diagram which makes it much easier to see the in-/decrease of the values.
** this also brings a reduction of a diagram for each county.
** as the new diagrams only contain 2 values each on the horizontal axis, its possible to make them relative small and
** align all the diagrams in one line from the left to the right. because the values are shown on the vertical axes which were
** normed to a maximum value over all countries. this even allows to campare the values between the countries.
* additional decoration like the bar in the middle of the old graphic are not necessary to express the data and thus were omitted.
* the categories have no natural order, so we ordered them alphabetically, except the category 'other' which is the least meaningful compared to the others and so listed last.
* the text next to the diagrams was removed, because it refered to the article, not to the diagrams themselfes which is more confusing then helping.
* we added a reference to the source of the data used in the diagram.

File:Gr03 09 Diagramme.jpg

2009-12-08T15:49:50Z

Teaching talk:TUW - UE InfoVis WS 2009/10 - Gruppe 03 - Aufgabe 3

2009-12-03T15:11:17Z

UE-InfoVis0910 0526452:

Violation of Rules:

* Rule 3: Colors in the given diagrams are meaningful, but the diagrams could be better arranged.
* Rule 5: Colors of the lines are bad. Red and green in a diagram is not good (color blindness, Rule 8)
* Rule 6: Colors are not enough different (f.e. green or yellow)

* The diagrams have no expressiveness. No declaration of percentual values or constants.
* Contrast between background and foreground is not optimal (especially expression)
* Unnötige "non-data-ink" muss aus dem Diagrammen raus (zB. Abteilungen zwischen den Diagrammen)
* Diagrams shoud be rebuild. At the moment it is not realy clear, would data should be shown, what should be compared etc.
* Sequenzing diagrams to simplify the readability (from left to right, from top to bottom)
* Consider WHAT, WHEN, WHO, WHERE in the diagrams
([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 16:11, 3 December 2009 (CET))

=== Additional Ideas/ Critics: ===
* Introduction mentions US, but no graph about US itself.
* No percentage on graphs. No exact values plotted --> no exact message
* Black background (no data-ink) --> bad contrast
* Is any data more important?
* Detailed legend for every graph --> may be replaced by legends included inside the graph, so reader is able to derive this info by himself
* colors are not very distinct

=== some more redesign ideas ===
* The black background - although it probably made sence in the original context - could be removed -> the text colored black
* The headlines background shouldn't differ a lot from the main background color, to not draw away attention from the data
* Enhance the use of ink in a way, that simmilar categories get more simmilar colors, but still having enough difference between the colors
* Rethink, if all caregories are needed. If not, add unrelevant data to the 'other' section (e.g. animal fat).
* Soften the colors of the less relevant data compared to the important one (important are: meat, cereals, ?); 'other' should be least prominent;
* Remove the decoration element in the middle of the graphs, because it just distracts.
* Text below the image: display the words referring to categories of the graphs italic.
* Hues like black and red ten k to drag more attention than others, don't ose them if this is not intended´
* Reorder th data, so that the graphs begin with the most important category, the least important at the end
* The texts written below the graphs should probalby be palced on top of them. Then they're read before the graphs more likely
* Rotated text is bad, dont use it like the years.
* <strike>Border around the graphs and their related explanations?</strike> Not good
* Possible new structure of the graphs:
** Keep each region in a different graph. Putting them all together would lead to chaos.
** Use a bar diagram, each bar is a category, the years are put next to each other
** or use a line diagram instead with the years as horizontal developing. The categories are represented by different lines and different colors.
** In both ways, the graphs shall be placed next to each other (from left to right), to make it possible to compare the values of the regions as well.
* Importance can also be communicated via thickness of the lines
* Keep size of legend the same than the text, labels

Teaching talk:TUW - UE InfoVis WS 2009/10 - Gruppe 03 - Aufgabe 2

2009-12-03T14:48:54Z

UE-InfoVis0910 0526452:

==Bewertung==

'''vorläufige Bewertung: 18 Punkte'''

Begründung:
* Die Daten in 2 Tabellen zu stecken finde ich nicht so gut, weil man dann mit den Augen immer hin und her wandern muss.
* Der Vergleich zwischen den Jahren 05/06 und 06/07 sollte so gut wie möglich zwischen die Jahre, für die der Vergleich durchgeführt wird, gesetzt werden.
* Wenn keine bestimmte Ordnung zu erkennen ist, sollten die Daten alphabetisch geordnet werden.
* Eure Werte sind genau Umgekehrt formatiert. Die Dezimalstellen sollen einen Punkt haben und die Tausenderstellen ein Komma.
* Die Header sollten dieselbe Ausrichtung haben wie die Daten darunter.
* Es soll überall die selbe Anzahl an Nachkommastellen verwendet werden.(Ich würde mich für entweder 1 oder 2 entscheiden)

[[User:Katharina-Anna Wendelin|Katharina-Anna Wendelin]] 22:09, 30. November 2009 

:* Alle Kritikpunkte sollten beseitigt sein. ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 15:48, 3 December 2009 (CET))
-------

* some ideas for improvements written down after reading the PDF-file ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 12:21, 10 November 2009 (CET)):
** remove colors for now
** one consistent font
** rework on table layout
** remove "Born", "Died", "Died%" columns??
** better arrangement necessary
** remove Chickens (Eggs)??
** what to do with the references?
** probalbly also remove "slaught.", beacause tha table should be about killed animals?

* some more ideas for improvements ([[User:UE-InfoVis0910 0308394|UE-InfoVis0910 0308394]] 11:14, 11 November 2009 (CET)):
** blank space is the best form of grouping, if enough space available (years)
** add more horzontal space between the rows
** lines only for better seperation (e.g. "total")
** outlines for table not necessary
** categories (years) from left to the right (as they are)
** don’t vary the structure of the table from group to group
** %-signs in the cells
** arrange colums that shall be compared next to each other
** alphabetical order for lists with no "natural" order
** an other approach: sort by relavance (occurrence) of the datasets (rows)
** fill up with 0's after the comma sign to get the values well aligned
** align labels like the data in the table (to the right if numbers)
** reduce unnecessary precision (last columns)
** round to whole millions? if yes, note it in the headline
** format date "readable"
** reduce prominence of the column "died" with gray colored font

* questions ([[User:UE-InfoVis0910 0201040|UE-InfoVis0910 0201040]]):
** why are the values in "killed 2007" formated bold? just because they are most up-to-date or have they an essential meaning for the table?
** shall the data marked with [f] be considered in the table? as described in the reference, those are no concrete values, but asumptions based on other data!

File:TabelleGr.jpg

2009-12-03T14:44:54Z

UE-InfoVis0910 0526452:

== Beschreibung ==
Revised table from given source.
== Copyright status ==

== Source ==
World Farm Animals Day, Reviewed 2009, September 17, http://www.wfad.org/statistics/index.htm

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 03 - Aufgabe 2

2009-12-03T14:44:05Z

UE-InfoVis0910 0526452: Tableupdate

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

=== Zu beurteilende Tabelle ===

[[Image:AnimalsKilledforFood7S.jpg|400px]]

=== critic view on the table ===

* too much color (distracts reader from content)
* too many grids and lines used
* fonts aren't used consitently
* potential insignificant content included (e.g. "born" has no clear relation to the rest of the data labeled as "number of animals killed")
* the columns used for the different years contain different data, which makes comparison difficult, also from a spacial view
* the columns "06/05" and "06/07" have an unclear header. they could be read as dates (06/05 -> June 2006 / June 5th). also the values of these columns (as factors) aren't very intuitive as e.g. percent values
* the values in the table have different precision, which makes comparison more difficult
* the values that are represented as % don't have their %-sign next to them. they could be misinterpreted if you read a row at once (without looking at the header)
* the "rabbit" row is a bit dodgy, as the references [f] state, that these values are just speculations

=== Revised tables ===

[[http://www.infovis-wiki.net/index.php?title=Image:InfoVisGr03Table1.jpg| Table 1 old]]
[[http://www.infovis-wiki.net/index.php?title=Image:InfoVisGr03Table2.jpg| Table 2 old]]
[[Image:TabelleGr.jpg]]
[[Image:InfoVisGr03History.jpg]]

=== improvements ===

* data from columns "killed" and the data connected to it are put in one table and the rest of the data (columns <strike>"born"</strike>, "slaught", "died", ...) in a seperate table. this makes comparison between related values easier.
* references to used sources are put behind the values, and made smaller, for less distraction
* rows are ordered by occurrence, and hence by relevance for this example
* columns are reordered, so connected data is easier to compare
* blank space is used instead of lines, to group to make the tables more readable
* lines and grids are only used were necessary. they're best to seperate headers and summaries (not only sums) from the data
* the precision of the values (in millions) is unified to one number after the comma (2 numbers after the comma for % values). this makes reading through the columns much easier.
* results of "06/05", "06/07" are shown as % reflecting the change between the years. interpreting those values is easier than thinking in factors.
* also if it's recommended to keep data that uses vales from an other colums should stay beneath each other, we decided to append the two columns "06/05" and "06/07" at the end of the table, because it relates two other columns and would worsen the readability of the table

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]
* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]
* [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 03|Gruppe 03]]

File:TabelleGr.jpg

2009-12-03T14:40:54Z

UE-InfoVis0910 0526452: New page: == Beschreibung == == Copyright status == == Source ==

== Beschreibung ==

== Copyright status ==

== Source ==

Teaching talk:TUW - UE InfoVis WS 2009/10 - Gruppe 03 - Aufgabe 3

2009-11-29T21:26:39Z

UE-InfoVis0910 0526452:

Regelverletzung:

- Regel 3: Farbgebung in den gegebenen Diagrammen zwar sinnvoll, jedoch können die Diagramme besser aufgebaut werden (Balkendiagramme)

- Regel 5: Farben sind nicht gut gewählt. Speziell Rot und Grün in einem Diagramm ist nicht empfehlenswert (Farbblindheid bzgl. Unterscheidung, Regel 8)

- Regel 6: Farben sind nicht unterschiedlich genug (zB. Grün, Gelb)

- Vergleiche zwischen den Diagrammen sind nicht Aussagekräftig. Keine Angaben von Fixwerten oder prozentualen Werten.

- Kontrast zwischen Hintergrund und Vordergung ist nicht optimal gewählt (speziell für Ausdruck)

- Unnötige "non-data-ink" muss aus dem Diagrammen raus (zB. Abteilungen zwischen den Diagrammen)

- Diagramme gehören umgebaut. Momentan ist nicht klar, welche Daten heraus kommen sollen, was vergleichen wird etc.

- Diagramme sequenzieren zur Vereinfachung der Lesbarkeit (von links nach rechts, von oben nach unten)

- Eventuell die "introduction" überarbeiten, da die aufs gesamgte Bild bezogen ist und aus hier aus dem Fokus gerissen wird!

- What, When, Who, Where beachten im Diagramm

Teaching talk:TUW - UE InfoVis WS 2009/10 - Gruppe 03 - Aufgabe 3

2009-11-29T15:39:02Z

UE-InfoVis0910 0526452: New page: Regelverletzung: - Regel 3: Farbgebung in den gegebenen Diagrammen zwar sinnvoll, jedoch können die Diagramme besser aufgebaut werden (Balkendiagramme) - Regel 5: Farben sind nicht gut ...

File:InfoVisGr03History.jpg

2009-11-17T08:59:06Z

UE-InfoVis0910 0526452:

== Beschreibung ==
Revised history from given source!

== Copyright status ==

== Source ==
World Farm Animals Day, Reviewed 2009, September 17, http://www.wfad.org/statistics/index.htm

File:InfoVisGr03Table2.jpg

2009-11-17T08:58:35Z

UE-InfoVis0910 0526452:

== Beschreibung ==
Revised table from given source!

== Copyright status ==

== Source ==
World Farm Animals Day, Reviewed 2009, September 17, http://www.wfad.org/statistics/index.htm

File:InfoVisGr03Table1.jpg

2009-11-17T08:58:10Z

UE-InfoVis0910 0526452:

== Beschreibung ==
Revised table from given source.

== Copyright status ==

== Source ==
World Farm Animals Day, Reviewed 2009, September 17, http://www.wfad.org/statistics/index.htm

File:InfoVisGr03History.jpg

2009-11-17T08:47:04Z

UE-InfoVis0910 0526452: Add comment and source

== Beschreibung ==
Revised history from given source!

== Copyright status ==

== Source ==
http://www.wfad.org/statistics/index.htm

File:InfoVisGr03Table2.jpg

2009-11-17T08:46:14Z

UE-InfoVis0910 0526452: Add comment and source

== Beschreibung ==
Revised table from given source!

== Copyright status ==

== Source ==
http://www.wfad.org/statistics/index.htm

File:InfoVisGr03Table1.jpg

2009-11-17T08:45:23Z

UE-InfoVis0910 0526452: Add comment and source

== Beschreibung ==
Revised table from given source.

== Copyright status ==

== Source ==
http://www.wfad.org/statistics/index.htm

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 03 - Aufgabe 2

2009-11-17T08:42:37Z

UE-InfoVis0910 0526452: Import new tables

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]
=== Zu beurteilende Tabelle => [http://www.infovis-wiki.net/index.php?title=Image:AnimalsKilledforFood7S.jpg Link] ===

=== critic view on the table ===
* too much color (distracts reader from content)
* too many grids and lines used
* fonts aren't used consitently
* potential insignificant content included (e.g. "born" has no clear relation to the rest of the data labeled as "number of animals killed")
* the columns used for the different years contain different data, which makes comparison difficult, also from a spacial view
* the columns "06/05" and "06/07" have an unclear header. they could be read as dates (06/05 -> June 2006 / June 5th). also the values of these columns (as factors) aren't very intuitive as e.g. percent values
* the values in the table have different precision, which makes comparison more difficult
* the values that are represented as % don't have their %-sign next to them. they could be misinterpreted if you read a row at once (without looking at the header)
* the "rabbit" row is a bit dodgy, as the references [f] state, that these values are just speculations

=== Revised tables ===
[[Image:InfoVisGr03Table1.jpg]]
[[Image:InfoVisGr03Table2.jpg]]
[[Image:InfoVisGr03History.jpg]]

=== improvements ===
* data from columns "killed" and the data connected to it are put in one table and the rest of the data (columns <strike>"born"</strike>, "slaught", "died", ...) in a seperate table
* references to used sources are put behind the values, and made smaller, for less distraction
* rows are ordered by commoness
* columns are reordered, so connected data is easier to compare
* blank space (instaed of lines) is used to make the tables more readable
* lines and grids are only used were necessary
* the precision of the values (in millions) is unified to one number after the comma, 2 numbers after the comma for % values
* results of "06/05", "06/07" are shown as %, so meaning of the values is more clear to the reader
* also if it's recommended to keep data that uses vales from an other colums should stay beneath each other, we decided to append the two columns "06/05" and "06/07" at the end of the table, because it relates two other columns and would worsen the readability of the table

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

* [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 03|Gruppe 03]]

File:InfoVisGr03History.jpg

2009-11-17T08:36:20Z

UE-InfoVis0910 0526452: New page: == Beschreibung == == Copyright status == == Source == self made

== Beschreibung ==

== Copyright status ==

== Source ==
self made

File:InfoVisGr03Table2.jpg

2009-11-17T08:35:16Z

UE-InfoVis0910 0526452: New page: == Beschreibung == == Copyright status == == Source == self made

== Beschreibung ==

== Copyright status ==

== Source ==
self made

File:InfoVisGr03Table1.jpg

2009-11-17T08:34:55Z

UE-InfoVis0910 0526452: New page: == Beschreibung == == Copyright status == == Source == self made

== Beschreibung ==

== Copyright status ==

== Source ==
self made

Teaching talk:TUW - UE InfoVis WS 2009/10 - Gruppe 03 - Aufgabe 2

2009-11-10T11:21:26Z

UE-InfoVis0910 0526452: New page: * Einige Ideen zur Verbesserung mal aufgeschrieben nach durcharbeitung des PDF-Dokumentes (~~~~)

* Einige Ideen zur Verbesserung mal aufgeschrieben nach durcharbeitung des PDF-Dokumentes ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 12:21, 10 November 2009 (CET))

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 03 - Aufgabe 2

2009-11-10T11:20:37Z

UE-InfoVis0910 0526452: Make some ideas for correction

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]
=== Zu beurteilende Tabelle ===
[[Image:AnimalsKilledforFood7S.jpg]]

Ideen:
* Farben erstmal weg
* Einheitliche Schriftart
* Tabellenteilungen nachbearteiten
* Born, Died, Died% weg??
* Bessere Anordnung notwendig
* Chickens (Eggs) weg??
* Was mach ma mit den Verweisen?
* eventuell slaught. auch weg da es ja nur um getötetes Tiere geht?

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 03|Gruppe 03]]

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 09 - Aufgabe 1 - Mind Map

2009-11-06T12:03:53Z

UE-InfoVis0910 0526452:

* Die Bilder nahmen zu viel Platz in anspruch und wurden daher mit deren Thumbnails ausgetauscht um den Text übersichtlicher zu halten. ([[User:UE-InfoVis0910 0308394|UE-InfoVis0910 0308394]] 21:43, 5 November 2009 (CET))
* Formatierung nachbearbeitet, Figure-Tags zu Bildern und Text zugefügt, Bilder-Thumbnails auf 200 Pixel standardisiert ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 19:26, 4 November 2009 (CET))
* Text etwas Ausdruck verliehen (fett, kursiv etc.), einige Fehler ausgebessert, alle Bilder kontrolliert und Source, Summary etc. überarbeitet, "Figure"-Tags mit den Bildern verlinkt ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 20:16, 4 November 2009 (CET))
* Quellen überprüft und im Text ergänzt ([[User:UE-InfoVis0910 0201040|UE-InfoVis0910 0201040]])
* Referenzlinks korrigiert ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 13:22, 5 November 2009 (CET))
* "How to generate a Mind Map" durchgesehen und korrigiert ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 13:28, 5 November 2009 (CET))
* Quelle für "Thought Map" hinzugefügt und im Text verlinkt ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 13:35, 5 November 2009 (CET))
* Eine Inhaltliche Kürzung für den Druck auf einer A4-Seite ist kaum möglich, um nicht zu viel Information wegzunehmen. Ansonsten müssten ganze Punkte gestrichen werden! ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 14:33, 5 November 2009 (CET))
* Nochmaliges Ausbessern der Links zur Vereinheitlichung ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 14:38, 5 November 2009 (CET))
* Definition und Kurzbeschreibung überarbeitet. Unrelevanten Link aus der Beschreibung und aus den Referenzen entfernt. [[User:UE-InfoVis0910 0308394|UE-InfoVis0910 0308394]] 00:51, 6 November 2009 (CET)
* Ausdruck auf der kompletten Seite überarbeitet [[User:UE-InfoVis0910 0308394|UE-InfoVis0910 0308394]] 02:22, 6 November 2009 (CET)
* "Advantages of Mind Mapping" sollte keine nummerierte aufzählung sein [[User:UE-InfoVis0910 0308394|UE-InfoVis0910 0308394]] 02:30, 6 November 2009 (CET)
* Diverse kleine Fixes durchgeführt ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 13:03, 6 November 2009 (CET))

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 09 - Aufgabe 1 - Mind Map

2009-11-06T12:03:06Z

UE-InfoVis0910 0526452:

A '''''mind map''''' is a graphical diagram which shows relations between different terms.

[[image:MindMap.jpg|thumb|200px|Figure 1: Hand-drawn Mind Map.]]
''Mind Mapping'' was introduced by ''Tony Buzan'' in 1974 [[http://en.wikipedia.org/wiki/Tony_Buzan Wikipedia 1, 2002]]. He argued that using all the advantages of a human brain is to combine logical ideas with graphical arrangment. The method of the Mind Mapping is based on the conception that the brain is divided into two halves. The functions of the left brain half (like logical thinking, forming terms, thinking in individual components) are usually more strongly used than the functions of the right brain half (to think in pictures, in general contexts). Illustrating the thinking process in a Mind Map can support the linkage of these two function modes. A finished Mind Map is an overall view of the thought process with individual thought paths and elements ([http://www.infovis-wiki.net/index.php?title=Image:MindMap.jpg Figure 1]). 
At first ideas are visualized unordered and unvalued. They are written into the Mind Map as they emerge during the process of thinking. Far later, the elements of a given Mind Map are ordererd and arranged intuitively, according to the importance of the terms [[http://en.wikipedia.org/wiki/Mind_map Wikipedia 2, 2002]]. Mind Maps may also aid recalling existing memories later on.

==How to generate a Mind Map==
----
# In contrast to traditional recordings, the first step is to write down the '''central idea''' (central topic) in the center of a sheet ([http://www.infovis-wiki.net/index.php?title=Image:MindMap1.jpg Figure 2]).
#:[[image:MindMap1.jpg|thumb|200px|Figure 2: Starting point of a Mind Map.]]
# On the basis of the central idea the user associates further subranges, which are connected with this idea. These can be noted directly on the map or on a separate sheet. The '''most important ideas''' are connected with the ''central idea'' through lines ('''main branches''' - [http://www.infovis-wiki.net/index.php?title=Image:MindMap2.jpg Figure 3]) - written in '''block letters''' to make reading and reminding easier. Drawings can be used to get an ''optical rhythm'' into the Mind Map.
#:[[image:MindMap2.jpg|thumb|200px|Figure 3: Adding main branches.]]
# In a third step the main branches can be subdivided into ''other branches'' ('''sub branches''' - [http://www.infovis-wiki.net/index.php?title=Image:MindMap3.jpg Figure 4]). The partitioning can be continued on to a second, third and further levels. These terms should be graphically designed in a way that they can be differentiated easily as well (however not with capital letters as this refers to the main branches).
#:[[image:MindMap3.jpg|thumb|200px|Figure 4: Adding further branches.]]
# An important attribute is, that apparently coincidental changes of direction are allowed. Another branch can gain the focus without finishing the last one. Also a basic idea of Mind Maps is to always use '''short terms''' like ''key words'', ''references'' or ''abbreviations'' ('''NO sentences!'''). The '''use of color''' is always desired because this helps to connect ideas written at different areas. A visual representation is another good choice, wherever it is makes sense. Not only symbols (e.g. arrows) but ''iconographical icons'' (like smileys and other well known symbols) are popular ([http://www.infovis-wiki.net/index.php?title=Image:MindMap4.jpg Figure 5]).
# The main and sub branches form the framework of a Mind Map which is revised after its creation (this can also be done at a later time, to refocus on the creative output energy). Missing associations are supplemented, if necessary the Map is restructured. Furthermore it should be examined whether some cross connections between main and/or subbranches exist.
#:[[image:MindMap4.jpg|thumb|200px|Figure 5: Fully equipped Mind Map.]]
For further information see [[http://en.wikipedia.org/wiki/Mind_map Wikipedia 2, 2002]]

==Fields of application==
----
===Mind Mapping as a presentation techniques===
* This is about the presentation of knowledge. Mind Maps are prepared by experts for a certain field of knowledge and used as an additional source to spoken or written text. This technique supports the audience learning complex facts easier.
* The use of Mind Mapping techniques as a teaching strategy is recommended, particularly in connection with conceptual knowledge (e.g. economic circulation, financial and bank systems, etc.). Other possible applications are for example the representation of action diagrams, or the use of Mind Maps to list contents of a new topic. In some situations it should be considered to not present completed Mind Maps, but to develop and discuss them together.

===Mind Mapping as learning and thinking strategy===
* The aim is to generate an own Mind Map. A topic is declared and then existing knowledge, conceptions, ideas and associations are written down. As a next step the results could be compared, discussed and supplemented with other findings.
* Apart from structuring existing knowledge, Mind Maps can be used vice versa, for example to get information out of a (structured) text. A text passage could be read, all keywords underlined and the output graphically designed in a Mind Map. As a further step related information could be written into the Mind Map as well.
* Another possible application is to remember existing knowledge. When learning new content it is often reuquired to reproduce this knowledge at a later date. For the human brain this is easier if it has as many related connections to the topic as possible. So it helps remembering content by trying to apply the same Mind Map as before. Afterwards both Mind Maps are compared and differences can be highlighted.

===Mind Mapping as resource===
* Mind Maps could be used in group discussions to substantiate the problem space. The visualisation shows to all members on which topic to focus, and an overview is always available. Reportedly discussions are more coordinated and structured as well as conflicts can be located and solved easier.
For further information see [[http://en.wikipedia.org/wiki/Mind_map Wikipedia 2, 2002]]

==Advantages of Mind Mapping==
----
In contrast to traditional recording techniques, the advantages of the Mind Mapping method are as follows (like the inventor Tony Buzan calls them):
* The main idea is clearly in sight and it can be gatherd fast and easily.
* Because of main and subbranches the adjustment of ideas is implicit. Information near the main idea is important whereas terms near a boundary have a lower meaning for the whole content.
* Important aspects are connected through lines.
* New pieces of information can be added easily because of the structure and setup of a Mind Map.
* Mind Maps are open-ended. Information can be added everywhere at any time, so new linkage of ideas is possible.
A relevant problem consists of the fact that the acceptance is rather small amoung persons who are not familiar with this method. The Mind Map looks unclear, confusing and nested.
For further information see [[http://de.wikipedia.org/wiki/Ged%C3%A4chtniskarte Wikipedia 3, 2003]]

==References==
----
[Buzan et al., 1999] Tony Buzan, Barry Buzan. ''Das Mind-Map Buch.'' Landsberg a.L., 1999, S. 89f. 
[Wikipedia 1, 2002] Chuck Smith, Tony Buzan. Created at: January 27, 2002, Retrieved at: November 6, 2008. http://en.wikipedia.org/wiki/Tony_Buzan 
[Wikipedia 2, 2002] Chuck Smith, Mind map. Created at: January 27, 2002, Retrieved at: November 6, 2008. http://en.wikipedia.org/wiki/Mind_map 
[Wikipedia 3, 2003] Jakob Voss, Gedächtniskarte. Created at: May 30, 2003. Retrieved at: November 6, 2008. http://de.wikipedia.org/wiki/Ged%C3%A4chtniskarte

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 09 - Aufgabe 1 - Mind Map

2009-11-06T12:02:20Z

UE-InfoVis0910 0526452: Little fixes

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 02 - Aufgabe 1 - Scatterplot

2009-11-06T11:56:08Z

UE-InfoVis0910 0526452:

* Formatierung geändert, einige Fehler ausgebessert, Referenzen geordnet, Referenzen im Text verlinkt ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 16:41, 4 November 2009 (CET))
* Author und Copyright Status der Bilder soweit herausfindbar hinzugefügt bzw. aktualisiert, Links auf eventuelle beinhaltende Bilder der Seite überprüft ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 17:26, 4 November 2009 (CET))
* Einige Fehler ausgebessert, Figure 1 bis 5 verlinkt mit den Bildern, teilweise Bildbeschreibungen überarbeitet ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 18:06, 4 November 2009 (CET))
* Bilder besser angeordnet, Fehlerkorrektur ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 18:42, 4 November 2009 (CET))
* Nochmalige Bildanordnung wegen Drucktemplate, Probleme mit Drucktemplate bei externen Links, externe Links werden immer dopptelt ausgedruckt und somit wird der Ausdruck automatisch länger! ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 19:05, 4 November 2009 (CET))
* Referenzlinks korrigiert ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 13:13, 5 November 2009 (CET))
* Letzte Änderung rückgängig gemacht ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 13:17, 5 November 2009 (CET))
* Hier ist eine inhaltliche Kürzung ebenfalls nicht brauchbar, um das Dokument auf eine A4-Seite zu bekommen. Die Bilder sind brauchbar zur erklärung und nehmen ansich schon viel Platz beim Druck weg! ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 14:35, 5 November 2009 (CET))
* Die Definition und Kurzbeschreibung auf Ausdruck und Inhalt überarbeitet ([[User:UE-InfoVis0910 0308394|UE-InfoVis0910 0308394]] 22:54, 5 November 2009 (CET))
* Ausdruck auf der kompletten Seite überarbeitet [[User:UE-InfoVis0910 0308394|UE-InfoVis0910 0308394]] 01:21, 6 November 2009 (CET)
* Kleine Fehler und diverse Kleinigkeiten noch ausgebessert ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 12:56, 6 November 2009 (CET))

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 02 - Aufgabe 1 - Scatterplot

2009-11-06T11:55:04Z

UE-InfoVis0910 0526452: Some little fixes and error corrections

A '''''scatterplot''''' allows effective visualization of the relation between variables in a data set.

Also called a ''scatter chart'', ''scatter diagram'' or ''scatter graph'' [[http://en.wikipedia.org/wiki/Scatterplot Wikipedia 1, 2008]]. The most basic form of a scatterplot is a two-dimensional diagram wherein relation of two ''metric'' variables is visualized. Their values are represented by the position on the horizontal and vertical axis of a cartesian coordinate system. Every resulting point in the graph stands for one record from the underlying data set. The distribution pattern of points from multiple records reveals, among other qualities, the correlation between the selected variables in the data set. The scatterplot is not to be confused with the ''correlation plot'' [[http://www.itl.nist.gov/div898/handbook/ NIST, 2008]] which represents already adopted correlation coefficients in different data groups, while the term ''correlation diagram'' does not seem to be bound.

==Revealed Information==
----
[[Image:SomeScatterplots.jpg|right|200px|thumb|Figure 1: Some scatterplots.]]

Perfect linear correlation results in all samples lying on the regression line with positive or negative incline, dependent on the sign of the correlation coefficient [[http://www.mste.uiuc.edu/courses/ci330ms/youtsey/scatterinfo.html MSTE, 1997]]. Note, that the non zero incline of the line is insignificant in this kind of diagram [[http://en.wikipedia.org/wiki/Correlation Wikipedia 3, 2008]] since it is dependent on axis scales.

An example of perfect correlation can be seen in the upper left of [http://www.infovis-wiki.net/index.php?title=Image:SomeScatterplots.jpg Figure 1] together with other patterns: Strong positive (upper right), weak negative (lower left) and one example of variables without significant correlation.

[[Image:WeakNegativeCorrelationLine.jpg|right|200px|thumb|Figure 2: Regression line.]]

[http://www.infovis-wiki.net/index.php?title=Image:WeakNegativeCorrelationLine.jpg Figure 2] features a regression line to increase its expressiveness. This is the line that passes through the plot as close to the points as possible. The regression function is not necessarily chosen linear as in this example. Any kind of curve may fit a plot (quadratic curves, splines, ...) and must be chosen according to the subject matter. Generally, the curve with the smallest sum of squared distances to the plotted points is sought after (''least squares fitting''), [[http://www.netmba.com/statistics/plot/scatter/ NetMBA, 2008]]. For an introduction on linear regression, see [[http://en.wikipedia.org/wiki/Linear_regression Wikipedia 4, 2008]] and [[http://en.wikipedia.org/wiki/Regression_analysis Wikipedia 5, 2008]]. Further properties of data sets can easily be discovered by the presence of clusters and outliers as denoted in [http://www.infovis-wiki.net/index.php?title=Image:ClustersOutlyers.jpg Figure 3].

[[Image:ClustersOutlyers.jpg|right|200px|thumb|Figure 3: Clusters and outliers.]]

==Scatterplots of Higher Dimensions==
----
Scatterplots are not restricted to records with only two variables. Higher dimensional data can be displayed by adding a third axis to the plot, or by assigning point properties like color, size or shape. [http://www.infovis-wiki.net/index.php?title=Image:Plot4D.png Figure 4] shows a plot done with Matlab's command "plot4D", [[http://cosmologist.info/cosmomc/readme.html Lewis, 2008]].

[[Image:Plot4D.png|right|200px|thumb|Figure 4: A Matlab 4D plot.]]

For another example of a three-dimensional scatterplot see [[http://en.wikipedia.org/wiki/Scatterplot Wikipedia 1, 2008]]. A way of plotting multi-dimensional data without the use of a third axis can be found in [[http://www.ailab.si/janez/visualizations.html Demsar, 2008]].

==Treating Discrete Data==
----
For continuously distributed data, scatterplots do well in visualizing density. The problem with discrete data is the possibility of more than one record sharing one point in the diagram (''overplotting''). One solution is to alter the point representation according to density, which is achieved by ''sunflower plots'' in which each point symbol gains radial segments [[http://de.wikipedia.org/wiki/Streudiagramm Wikipedia 2, 2008]]. For examples see: [[http://www.math.yorku.ca/SCS/sasmac/sunplot.html Friendly, 2006]] and [[http://addictedtor.free.fr/graphiques/graphcode.php?graph=59 addictedtor, 2005]].

==Example of Application==
----
[[Image:hr_diagram_local.png|right|200px|thumb|Figure 5: The HRD of some nearby stars.]]

A prominent example of a scatterplot with two variables is the ''Hertzsprung-Russell diagram'' (HRD) in astronomy ([http://www.infovis-wiki.net/index.php?title=Image:Hr_diagram_local.png Figure 5]). It plots absolute magnitude (intrinsic brightness) of stars against their spectral types and shows a rich set of features, such as clusters and a central filament (the ''main sequence''), [[http://www.britannica.com/EBchecked/topic/263951/Hertzsprung-Russell-diagram Britannica, 2008]].

==References==
----
*[addictedtor, 2005]: Anonymous. Sun Flower Plot. R Graph Gallery. Changed: October 6, 2005 Retrieved at: 2 November, 2008. [http://addictedtor.free.fr/graphiques/graphcode.php?graph=59 http://addictedtor.free.fr/graphiques/graphcode.php?graph=59]
*[Britannica, 2008] Hertzsprung–Russell diagram. In Encyclopædia Britannica. Retrieved November 16, 2008, from Encyclopædia Britannica Online: [http://www.britannica.com/EBchecked/topic/263951/Hertzsprung-Russell-diagram http://www.britannica.com/EBchecked/topic/263951/Hertzsprung-Russell-diagram]
*[Demsar, 2008] Janez Demsar, Simple Visualization Examples. A.I. Lab Ljubljana. Retrieved at: November 2, 2008 [http://www.ailab.si/janez/visualizations.html http://www.ailab.si/janez/visualizations.html]
*[Friendly, 2006] Michael Friendly, The sunplot macro. York University. Changed at: November 2, 2006. Retrieved at: November 2, 2008 [http://www.math.yorku.ca/SCS/sasmac/sunplot.html http://www.math.yorku.ca/SCS/sasmac/sunplot.html]
*[Lewis, 2008] Antony Lewis, CosmoMC readme. Retrieved at 16 November, 2008. [http://cosmologist.info/cosmomc/readme.html http://cosmologist.info/cosmomc/readme.html]
*[MSTE, 1997]: Anonymous Carolyn, Carolyn's Unit on Graphing. MSTE, University of Illinois. Retrieved at: November 2, 2008. [http://www.mste.uiuc.edu/courses/ci330ms/youtsey/scatterinfo.html http://www.mste.uiuc.edu/courses/ci330ms/youtsey/scatterinfo.html]
*[NetMBA, 2008] Anonymous, Scatter Plot. NetMBA. Retrieved at: 2 November, 2008. [http://www.netmba.com/statistics/plot/scatter/ http://www.netmba.com/statistics/plot/scatter/]
*[NIST, 2008] Carroll Croarkin, Paul Tobias. ''NIST/SEMATECH e-Handbook of Statistical Methods''. Retrieved at November 2, 2008 [http://www.itl.nist.gov/div898/handbook/ http://www.itl.nist.gov/div898/handbook/]
*[Wikipedia 1, 2008] Scatterplot, Wikipedia. Retrieved at: November 2, 2008. [http://en.wikipedia.org/wiki/Scatterplot http://en.wikipedia.org/wiki/Scatterplot]
*[Wikipedia 2, 2008] Streudiagramm, Wikipedia. Retrieved at: November 2, 2008. [http://de.wikipedia.org/wiki/Streudiagramm http://de.wikipedia.org/wiki/Streudiagramm]
*[Wikipedia 3, 2008] Correlation, Wikipedia. Retrieved at: November 2, 2008. [http://en.wikipedia.org/wiki/Correlation http://en.wikipedia.org/wiki/Correlation]
*[Wikipedia 4, 2008] Linear Regression, Wikipedia. Retrieved at 2 November, 2008. [http://en.wikipedia.org/wiki/Linear_regression http://en.wikipedia.org/wiki/Linear_regression]
*[Wikipedia 5, 2008] Regression Analysis, Wikipedia. Retrieved at 2 November, 2008. [http://en.wikipedia.org/wiki/Regression_analysis http://en.wikipedia.org/wiki/Regression_analysis]

==External Links==
----
*Java Applet: [http://matti.usu.edu/nlvm/nav/frames_asid_144_g_4_t_5.html http://matti.usu.edu/nlvm/nav/frames_asid_144_g_4_t_5.html]

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 09 - Aufgabe 1 - Mind Map

2009-11-05T13:38:50Z

UE-InfoVis0910 0526452:

* Formatierung nachbearbeitet, Figure-Tags zu Bildern und Text zugefügt, Bilder-Thumbnails auf 200 Pixel standardisiert ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 19:26, 4 November 2009 (CET))
* Text etwas Ausdruck verliehen (fett, kursiv etc.), einige Fehler ausgebessert, alle Bilder kontrolliert und Source, Summary etc. überarbeitet, "Figure"-Tags mit den Bildern verlinkt ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 20:16, 4 November 2009 (CET))
* Quellen überprüft und im Text ergänzt ([[User:UE-InfoVis0910 0201040|UE-InfoVis0910 0201040]])
* Referenzlinks korrigiert ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 13:22, 5 November 2009 (CET))
* "How to generate a Mind Map" durchgesehen und korrigiert ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 13:28, 5 November 2009 (CET))
* Quelle für "Thought Map" hinzugefügt und im Text verlinkt ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 13:35, 5 November 2009 (CET))
* Eine Inhaltliche Kürzung für den Druck auf einer A4-Seite ist kaum möglich, um nicht zu viel Information wegzunehmen. Ansonsten müssten ganze Punkte gestrichen werden! ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 14:33, 5 November 2009 (CET))
* Nochmaliges Ausbessern der Links zur Vereinheitlichung ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 14:38, 5 November 2009 (CET))

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 09 - Aufgabe 1 - Mind Map

2009-11-05T13:38:02Z

UE-InfoVis0910 0526452: correctin links one time again

A '''''mind map''''' is a graphical diagram which shows relations between different terms.

[[image:MindMap.jpg|thumb|200px|Figure 1: Hand-drawn Mind Map.]]
''Mind Mapping'' was introduced by ''Tony Buzan'' in 1974 [[http://en.wikipedia.org/wiki/Tony_Buzan Wikipedia 1, 2002]]. He argued that using all the advantages of a human brain is to combine logical ideas with graphical arrangment. The method of the Mind Mapping is based on the conception that the brain is divided into two halves. The functions of the left brain half (like logical thinking, forming terms, thinking in individual components) are usually more strongly used than the functions of the right brain half (to think in pictures, in general contexts). A linkage of these two function modes can be achieved by illustrating the ''Thought Map'' [[http://en.wikipedia.org/wiki/Thought_process_map Wikipedia 4, 2006]], thus the Mind Map. A finished Mind Map is an overall view of the thought process with individual thought paths and elements ([http://www.infovis-wiki.net/index.php?title=Image:MindMap.jpg| Figure 1]).
At first ideas are visualized unordered and unvalued. They are written into the Mind Map like they emerge during the process of thinking. The process of ordering is used at a far later time. The elements of a given Mind Map are arranged intuitively according to the importance of the terms [[http://en.wikipedia.org/wiki/Mind_map Wikipedia 2, 2002]]. Sometimes Mind Maps may also aid recall of existing memories.

==How to generate a Mind Map==
----
# In contrast to traditional recordings the first step is to write down the '''central idea''' (central topic) in the center of a sheet ([http://www.infovis-wiki.net/index.php?title=Image:MindMap1.jpg| Figure 2]).
#: [[image:MindMap1.jpg|thumb|200px|Figure 2: Starting point of a Mind Map.]]
# On the basis of the central idea the user associates further subranges, which are connected with this idea. These can be noted directly on the map or on a separate sheet. The '''most important ideas''' are written on lines, which are connected with the ''central idea'' ('''main branches''' - [http://www.infovis-wiki.net/index.php?title=Image:MindMap2.jpg| Figure 3] - noted in '''block letters''' which makes reading and reminding easier). Drawings can be used to get an ''"optical rhythm"'' into the Mind Map.
#: [[image:MindMap2.jpg|thumb|200px|Figure 3: Adding main branches.]]
# In a third step the main branches can be arranged again into ''other branches'' ('''sub branches''' - [http://www.infovis-wiki.net/index.php?title=Image:MindMap3.jpg| Figure 4]). The partitioning can be continued on to a second, third and further levels. These terms should be graphically designed in a way that they can be distinguished easily as well (however not in capital letters as this refers to the main branches).
#: [[image:MindMap3.jpg|thumb|200px|Figure 4: Adding further branches.]]
# An important thing is that apparently coincidental changes of direction are allowed. Another branch can gain the focus without finishing the last one. Also a basic idea of Mind Maps is to always use '''short terms''' like ''key words'', ''references'' or ''abbreviations'' ('''NO sentences!'''). The '''use of color''' is always desired. It helps to connect ideas written at diffrent places. Wherever it is possible a visual representation is another good choice. Not only symbols (e.g. arrows) but ''iconographical icons'' (like smileys and other well known symbols) are popular ([http://www.infovis-wiki.net/index.php?title=Image:MindMap4.jpg| Figure 5]).
# The main and sub branches form the framework of a Mind Map. After generating the Mind Map it is revised (can also be done at a later time to refocus the creative output energy). Missing associations are supplemented, if necessary a restructuring of the Map is made. Beyond that it should be examined whether some cross connections between main and/or subbranches exist.
#: [[image:MindMap4.jpg|thumb|200px|Figure 5: Fully equipped Mind Map.]]
For further information look at [[http://en.wikipedia.org/wiki/Mind_map Wikipedia 2, 2002]]

==Fields of application==
----
===Mind Mapping as a presentation techniques===
:* This is about the presentation of knowledge. Mind Maps are prepared by experts for a certain field of knowledge and used as an additional source to spoken or written text. This helps the audience learning complex facts faster.
:* The use of Mind Mapping techniques as teaching strategy is recommended particularly in connection with conceptual knowledge (e.g. economic circulation, financial and bank systems, etc.). Another possible application is for example the representation of action diagrams as well as the use of Mind Maps for listing contents of a new topic. In some situations it should be considered not to present completed Mind Maps, but to be develop and discuss together.
===Mind Mapping as learning and thinking strategy===
:* The aim is to generate an own Mind Map. A topic is declared and then existing knowledge as well as conceptions, ideas and associations are written down. As a next step the results could be compared, discussed and supplemented with other findings.
:* Apart from structuring existing knowledge Mind Maps can be used vice versa, for example to get information out of a (structured) text. The important thing is to collect information and put it together in a Mind Map. A text passage could be read, all keywords underlined and the output graphically designed in a Mind Map. As a further step related information could be written into the Mind Map too.
:* Another field of activity is to remember old knowledge. By learning new content it is often reuqired to reproduced this knowledge at a later date. For the human brain it is easier to have as many related connections as possible to the topic. So it helps to remember when trying to apply the same Mind Map. Afterwards both Mind Maps could be comared and differences could be especially highlighted.
===Mind Mapping as resource===
:* Mind Maps could be used in group discussions to substantiate the problem space. The visualisation shows to all members on which topic to focus, an overview is always available. Reportedly discussions are more coordinated and structured as well as conflicts can be located and solved easier.
For further information look at [[http://en.wikipedia.org/wiki/Mind_map Wikipedia 2, 2002]]

==Advantages of Mind Mapping==
----
In contrast to traditional recording techniques the advantages of the Mind Mapping method are as follows (like the inventor Tony Buzan calls them):
# The main idea is clearly in sight and it can be gatherd fast and easily.
# Because of main and subbranches the adjustment of ideas is implicit. Information near the main idea is important whereas terms near a boundary have a lower meaning for the whole content.
# Important aspects are connected through lines.
# New pieces of information can be added easily because of structure and setup of a Mind Map.
# Mind Maps are open-ended. Information can be added everywhere at any time, so new linkage of ideas is possible.
A relevant problem consists of the fact that the acceptance is rather small amoung persons who are not familiar with this method. The Mind map looks unclear, confusing and nested.
For further information look at [[http://de.wikipedia.org/wiki/Ged%C3%A4chtniskarte Wikipedia 3, 2003]]

==References==
----
[Buzan et al., 1999] Tony Buzan, Barry Buzan. ''Das Mind-Map Buch.'' Landsberg a.L., 1999, S. 89f. 
[Wikipedia 1, 2002] Chuck Smith, Tony Buzan. Created at: January 27, 2002, Retrieved at: November 6, 2008. http://en.wikipedia.org/wiki/Tony_Buzan 
[Wikipedia 2, 2002] Chuck Smith, Mind map. Created at: January 27, 2002, Retrieved at: November 6, 2008. http://en.wikipedia.org/wiki/Mind_map 
[Wikipedia 3, 2003] Jakob Voss, Gedächtniskarte. Created at: May 30, 2003. Retrieved at: November 6, 2008. http://de.wikipedia.org/wiki/Ged%C3%A4chtniskarte 
[Wikipedia 4, 2006] Alex Bakharev, Thought process map. Created at: November 03, 2006. Retrieved at: November 5, 2009. http://en.wikipedia.org/wiki/Thought_process_map

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 02 - Aufgabe 1 - Scatterplot

2009-11-05T13:35:44Z

UE-InfoVis0910 0526452:

* Die Bilder nahmen zu viel Platz in anspruch und wurden daher mit deren Thumbnails ausgetauscht um den Text übersichtlicher zu halten.
* Formatierung geändert, einige Fehler ausgebessert, Referenzen geordnet, Referenzen im Text verlinkt ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 16:41, 4 November 2009 (CET))
* Author und Copyright Status der Bilder soweit herausfindbar hinzugefügt bzw. aktualisiert, Links auf eventuelle beinhaltende Bilder der Seite überprüft ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 17:26, 4 November 2009 (CET))
* Einige Fehler ausgebessert, Figure 1 bis 5 verlinkt mit den Bildern, teilweise Bildbeschreibungen überarbeitet ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 18:06, 4 November 2009 (CET))
* Bilder besser angeordnet, Fehlerkorrektur ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 18:42, 4 November 2009 (CET))
* Nochmalige Bildanordnung wegen Drucktemplate, Probleme mit Drucktemplate bei externen Links, externe Links werden immer dopptelt ausgedruckt und somit wird der Ausdruck automatisch länger! ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 19:05, 4 November 2009 (CET))
* Referenzlinks korrigiert ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 13:13, 5 November 2009 (CET))
* Letzte Änderung rückgängig gemacht ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 13:17, 5 November 2009 (CET))
* Hier ist eine inhaltliche Kürzung ebenfalls nicht brauchbar, um das Dokument auf eine A4-Seite zu bekommen. Die Bilder sind brauchbar zur erklärung und nehmen ansich schon viel Platz beim Druck weg! ([[User:UE-InfoVis0910 0526452|UE-InfoVis0910 0526452]] 14:35, 5 November 2009 (CET))

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 09 - Aufgabe 1 - Mind Map

2009-11-05T13:33:48Z

UE-InfoVis0910 0526452:

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 09 - Aufgabe 1 - Mind Map

2009-11-05T12:35:31Z

UE-InfoVis0910 0526452:

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 09 - Aufgabe 1 - Mind Map

2009-11-05T12:34:51Z

UE-InfoVis0910 0526452: Added Thought process Map source and get a link to it

A '''''mind map''''' is a graphical diagram which shows relations between different terms.

[[image:MindMap.jpg|thumb|200px|Figure 1: Hand-drawn Mind Map.]]
''Mind Mapping'' was introduced by ''Tony Buzan'' in 1974 ([[http://en.wikipedia.org/wiki/Tony_Buzan Wikipedia 1, 2002]]). He argued that using all the advantages of a human brain is to combine logical ideas with graphical arrangment. The method of the Mind Mapping is based on the conception that the brain is divided into two halves. The functions of the left brain half (like logical thinking, forming terms, thinking in individual components) are usually more strongly used than the functions of the right brain half (to think in pictures, in general contexts). A linkage of these two function modes can be achieved by illustrating the ''Thought Map'' ([[http://en.wikipedia.org/wiki/Thought_process_map Wikipedia 4, 2006]]), thus the Mind Map. A finished Mind Map is an overall view of the thought process with individual thought paths and elements ([http://www.infovis-wiki.net/index.php?title=Image:MindMap.jpg| Figure 1]).
At first ideas are visualized unordered and unvalued. They are written into the Mind Map like they emerge during the process of thinking. The process of ordering is used at a far later time. The elements of a given Mind Map are arranged intuitively according to the importance of the terms ([[http://en.wikipedia.org/wiki/Mind_map Wikipedia 2, 2002]]). Sometimes Mind Maps may also aid recall of existing memories.

==How to generate a Mind Map==
----
# In contrast to traditional recordings the first step is to write down the '''central idea''' (central topic) in the center of a sheet ([http://www.infovis-wiki.net/index.php?title=Image:MindMap1.jpg| Figure 2]).
#: [[image:MindMap1.jpg|thumb|200px|Figure 2: Starting point of a Mind Map.]]
# On the basis of the central idea the user associates further subranges, which are connected with this idea. These can be noted directly on the map or on a separate sheet. The '''most important ideas''' are written on lines, which are connected with the ''central idea'' ('''main branches''' - [http://www.infovis-wiki.net/index.php?title=Image:MindMap2.jpg| Figure 3] - noted in '''block letters''' which makes reading and reminding easier). Drawings can be used to get an ''"optical rhythm"'' into the Mind Map.
#: [[image:MindMap2.jpg|thumb|200px|Figure 3: Adding main branches.]]
# In a third step the main branches can be arranged again into ''other branches'' ('''sub branches''' - [http://www.infovis-wiki.net/index.php?title=Image:MindMap3.jpg| Figure 4]). The partitioning can be continued on to a second, third and further levels. These terms should be graphically designed in a way that they can be distinguished easily as well (however not in capital letters as this refers to the main branches).
#: [[image:MindMap3.jpg|thumb|200px|Figure 4: Adding further branches.]]
# An important thing is that apparently coincidental changes of direction are allowed. Another branch can gain the focus without finishing the last one. Also a basic idea of Mind Maps is to always use '''short terms''' like ''key words'', ''references'' or ''abbreviations'' ('''NO sentences!'''). The '''use of color''' is always desired. It helps to connect ideas written at diffrent places. Wherever it is possible a visual representation is another good choice. Not only symbols (e.g. arrows) but ''iconographical icons'' (like smileys and other well known symbols) are popular ([http://www.infovis-wiki.net/index.php?title=Image:MindMap4.jpg| Figure 5]).
# The main and sub branches form the framework of a Mind Map. After generating the Mind Map it is revised (can also be done at a later time to refocus the creative output energy). Missing associations are supplemented, if necessary a restructuring of the Map is made. Beyond that it should be examined whether some cross connections between main and/or subbranches exist.
#: [[image:MindMap4.jpg|thumb|200px|Figure 5: Fully equipped Mind Map.]]
For further information look at [[http://en.wikipedia.org/wiki/Mind_map Wikipedia 2, 2002]]

==Fields of application==
----
===Mind Mapping as a presentation techniques===
:* This is about the presentation of knowledge. Mind Maps are prepared by experts for a certain field of knowledge and used as an additional source to spoken or written text. This helps the audience learning complex facts faster.
:* The use of Mind Mapping techniques as teaching strategy is recommended particularly in connection with conceptual knowledge (e.g. economic circulation, financial and bank systems, etc.). Another possible application is for example the representation of action diagrams as well as the use of Mind Maps for listing contents of a new topic. In some situations it should be considered not to present completed Mind Maps, but to be develop and discuss together.
===Mind Mapping as learning and thinking strategy===
:* The aim is to generate an own Mind Map. A topic is declared and then existing knowledge as well as conceptions, ideas and associations are written down. As a next step the results could be compared, discussed and supplemented with other findings.
:* Apart from structuring existing knowledge Mind Maps can be used vice versa, for example to get information out of a (structured) text. The important thing is to collect information and put it together in a Mind Map. A text passage could be read, all keywords underlined and the output graphically designed in a Mind Map. As a further step related information could be written into the Mind Map too.
:* Another field of activity is to remember old knowledge. By learning new content it is often reuqired to reproduced this knowledge at a later date. For the human brain it is easier to have as many related connections as possible to the topic. So it helps to remember when trying to apply the same Mind Map. Afterwards both Mind Maps could be comared and differences could be especially highlighted.
===Mind Mapping as resource===
:* Mind Maps could be used in group discussions to substantiate the problem space. The visualisation shows to all members on which topic to focus, an overview is always available. Reportedly discussions are more coordinated and structured as well as conflicts can be located and solved easier.
For further information look at [[http://en.wikipedia.org/wiki/Mind_map Wikipedia 2, 2002]]

==Advantages of Mind Mapping==
----
In contrast to traditional recording techniques the advantages of the Mind Mapping method are as follows (like the inventor Tony Buzan calls them):
# The main idea is clearly in sight and it can be gatherd fast and easily.
# Because of main and subbranches the adjustment of ideas is implicit. Information near the main idea is important whereas terms near a boundary have a lower meaning for the whole content.
# Important aspects are connected through lines.
# New pieces of information can be added easily because of structure and setup of a Mind Map.
# Mind Maps are open-ended. Information can be added everywhere at any time, so new linkage of ideas is possible.
A relevant problem consists of the fact that the acceptance is rather small amoung persons who are not familiar with this method. The Mind map looks unclear, confusing and nested.
For further information look at [[http://de.wikipedia.org/wiki/Ged%C3%A4chtniskarte Wikipedia 3, 2003]]

==References==
----
[Buzan et al., 1999] Tony Buzan, Barry Buzan. ''Das Mind-Map Buch.'' Landsberg a.L., 1999, S. 89f. 
[Wikipedia 1, 2002] Chuck Smith, Tony Buzan. Created at: January 27, 2002, Retrieved at: November 6, 2008. http://en.wikipedia.org/wiki/Tony_Buzan 
[Wikipedia 2, 2002] Chuck Smith, Mind map. Created at: January 27, 2002, Retrieved at: November 6, 2008. http://en.wikipedia.org/wiki/Mind_map 
[Wikipedia 3, 2003] Jakob Voss, Gedächtniskarte. Created at: May 30, 2003. Retrieved at: November 6, 2008. http://de.wikipedia.org/wiki/Ged%C3%A4chtniskarte 
[Wikipedia 4, 2006] Alex Bakharev, Thought process map. Created at: November 03, 2006. Retrieved at: November 5, 2009. http://en.wikipedia.org/wiki/Thought_process_map

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 09 - Aufgabe 1 - Mind Map

2009-11-05T12:28:47Z

UE-InfoVis0910 0526452:

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 09 - Aufgabe 1 - Mind Map

2009-11-05T12:27:37Z

UE-InfoVis0910 0526452: Reviewed and corrected the part "How to generate a Mind Map"

A '''''mind map''''' is a graphical diagram which shows relations between different terms.

[[image:MindMap.jpg|thumb|200px|Figure 1: Hand-drawn Mind Map.]]
''Mind Mapping'' was introduced by ''Tony Buzan'' in 1974 ([[http://en.wikipedia.org/wiki/Tony_Buzan Wikipedia 1, 2002]]). He argued that using all the advantages of a human brain is to combine logical ideas with graphical arrangment. The method of the Mind Mapping is based on the conception that the brain is divided into two halves. The functions of the left brain half (like logical thinking, forming terms, thinking in individual components) are usually more strongly used than the functions of the right brain half (to think in pictures, in general contexts). A linkage of these two function modes can be achieved by illustrating the ''Thought Map'', thus the Mind Map. A finished Mind Map is an overall view of the thought process with individual thought paths and elements ([http://www.infovis-wiki.net/index.php?title=Image:MindMap.jpg| Figure 1]).
At first ideas are visualized unordered and unvalued. They are written into the Mind Map like they emerge during the process of thinking. The process of ordering is used at a far later time. The elements of a given Mind Map are arranged intuitively according to the importance of the terms ([[http://en.wikipedia.org/wiki/Mind_map Wikipedia 2, 2002]]). Sometimes Mind Maps may also aid recall of existing memories.

==How to generate a Mind Map==
----
# In contrast to traditional recordings the first step is to write down the '''central idea''' (central topic) in the center of a sheet ([http://www.infovis-wiki.net/index.php?title=Image:MindMap1.jpg| Figure 2]).
#: [[image:MindMap1.jpg|thumb|200px|Figure 2: Starting point of a Mind Map.]]
# On the basis of the central idea the user associates further subranges, which are connected with this idea. These can be noted directly on the map or on a separate sheet. The '''most important ideas''' are written on lines, which are connected with the ''central idea'' ('''main branches''' - [http://www.infovis-wiki.net/index.php?title=Image:MindMap2.jpg| Figure 3] - noted in '''block letters''' which makes reading and reminding easier). Drawings can be used to get an ''"optical rhythm"'' into the Mind Map.
#: [[image:MindMap2.jpg|thumb|200px|Figure 3: Adding main branches.]]
# In a third step the main branches can be arranged again into ''other branches'' ('''sub branches''' - [http://www.infovis-wiki.net/index.php?title=Image:MindMap3.jpg| Figure 4]). The partitioning can be continued on to a second, third and further levels. These terms should be graphically designed in a way that they can be distinguished easily as well (however not in capital letters as this refers to the main branches).
#: [[image:MindMap3.jpg|thumb|200px|Figure 4: Adding further branches.]]
# An important thing is that apparently coincidental changes of direction are allowed. Another branch can gain the focus without finishing the last one. Also a basic idea of Mind Maps is to always use '''short terms''' like ''key words'', ''references'' or ''abbreviations'' ('''NO sentences!'''). The '''use of color''' is always desired. It helps to connect ideas written at diffrent places. Wherever it is possible a visual representation is another good choice. Not only symbols (e.g. arrows) but ''iconographical icons'' (like smileys and other well known symbols) are popular ([http://www.infovis-wiki.net/index.php?title=Image:MindMap4.jpg| Figure 5]).
# The main and sub branches form the framework of a Mind Map. After generating the Mind Map it is revised (can also be done at a later time to refocus the creative output energy). Missing associations are supplemented, if necessary a restructuring of the Map is made. Beyond that it should be examined whether some cross connections between main and/or subbranches exist.
#: [[image:MindMap4.jpg|thumb|200px|Figure 5: Fully equipped Mind Map.]]
For further information look at [[http://en.wikipedia.org/wiki/Mind_map Wikipedia 2, 2002]]

==Fields of application==
----
===Mind Mapping as a presentation techniques===
:* This is about the presentation of knowledge. Mind Maps are prepared by experts for a certain field of knowledge and used as an additional source to spoken or written text. This helps the audience learning complex facts faster.
:* The use of Mind Mapping techniques as teaching strategy is recommended particularly in connection with conceptual knowledge (e.g. economic circulation, financial and bank systems, etc.). Another possible application is for example the representation of action diagrams as well as the use of Mind Maps for listing contents of a new topic. In some situations it should be considered not to present completed Mind Maps, but to be develop and discuss together.
===Mind Mapping as learning and thinking strategy===
:* The aim is to generate an own Mind Map. A topic is declared and then existing knowledge as well as conceptions, ideas and associations are written down. As a next step the results could be compared, discussed and supplemented with other findings.
:* Apart from structuring existing knowledge Mind Maps can be used vice versa, for example to get information out of a (structured) text. The important thing is to collect information and put it together in a Mind Map. A text passage could be read, all keywords underlined and the output graphically designed in a Mind Map. As a further step related information could be written into the Mind Map too.
:* Another field of activity is to remember old knowledge. By learning new content it is often reuqired to reproduced this knowledge at a later date. For the human brain it is easier to have as many related connections as possible to the topic. So it helps to remember when trying to apply the same Mind Map. Afterwards both Mind Maps could be comared and differences could be especially highlighted.
===Mind Mapping as resource===
:* Mind Maps could be used in group discussions to substantiate the problem space. The visualisation shows to all members on which topic to focus, an overview is always available. Reportedly discussions are more coordinated and structured as well as conflicts can be located and solved easier.
For further information look at [[http://en.wikipedia.org/wiki/Mind_map Wikipedia 2, 2002]]

==Advantages of Mind Mapping==
----
In contrast to traditional recording techniques the advantages of the Mind Mapping method are as follows (like the inventor Tony Buzan calls them):
# The main idea is clearly in sight and it can be gatherd fast and easily.
# Because of main and subbranches the adjustment of ideas is implicit. Information near the main idea is important whereas terms near a boundary have a lower meaning for the whole content.
# Important aspects are connected through lines.
# New pieces of information can be added easily because of structure and setup of a Mind Map.
# Mind Maps are open-ended. Information can be added everywhere at any time, so new linkage of ideas is possible.
A relevant problem consists of the fact that the acceptance is rather small amoung persons who are not familiar with this method. The Mind map looks unclear, confusing and nested.
For further information look at [[http://de.wikipedia.org/wiki/Ged%C3%A4chtniskarte Wikipedia 3, 2003]]

==References==
----
[Buzan et al., 1999] Tony Buzan, Barry Buzan. ''Das Mind-Map Buch.'' Landsberg a.L., 1999, S. 89f. 
[Wikipedia 1, 2002] Chuck Smith, Tony Buzan. Created at: January 27, 2002, Retrieved at: November 6, 2008. http://en.wikipedia.org/wiki/Tony_Buzan 
[Wikipedia 2, 2002] Chuck Smith, Mind map. Created at: January 27, 2002, Retrieved at: November 6, 2008. http://en.wikipedia.org/wiki/Mind_map 
[Wikipedia 3, 2003] Jakob Voss, Gedächtniskarte. Created at: May 30, 2003. Retrieved at: November 6, 2008. http://de.wikipedia.org/wiki/Ged%C3%A4chtniskarte

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 09 - Aufgabe 1 - Mind Map

2009-11-05T12:22:59Z

UE-InfoVis0910 0526452:

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 09 - Aufgabe 1 - Mind Map

2009-11-05T12:22:22Z

UE-InfoVis0910 0526452: corrected reference links

A '''''mind map''''' is a graphical diagram which shows relations between different terms.

[[image:MindMap.jpg|thumb|200px|Figure 1: Hand-drawn Mind Map.]]
''Mind Mapping'' was introduced by ''Tony Buzan'' in 1974 ([[http://en.wikipedia.org/wiki/Tony_Buzan Wikipedia 1, 2002]]). He argued that using all the advantages of a human brain is to combine logical ideas with graphical arrangment. The method of the Mind Mapping is based on the conception that the brain is divided into two halves. The functions of the left brain half (like logical thinking, forming terms, thinking in individual components) are usually more strongly used than the functions of the right brain half (to think in pictures, in general contexts). A linkage of these two function modes can be achieved by illustrating the ''Thought Map'', thus the Mind Map. A finished Mind Map is an overall view of the thought process with individual thought paths and elements ([http://www.infovis-wiki.net/index.php?title=Image:MindMap.jpg| Figure 1]).
At first ideas are visualized unordered and unvalued. They are written into the Mind Map like they emerge during the process of thinking. The process of ordering is used at a far later time. The elements of a given Mind Map are arranged intuitively according to the importance of the terms ([[http://en.wikipedia.org/wiki/Mind_map Wikipedia 2, 2002]]). Sometimes Mind Maps may also aid recall of existing memories.

==How to generate a Mind Map==
----
# In contrast to traditional recordings the first step is to write down the '''central idea''' (or the central topic) in the center of a sheet ([http://www.infovis-wiki.net/index.php?title=Image:MindMap1.jpg| Figure 2]).
#: [[image:MindMap1.jpg|thumb|200px|Figure 2: Starting point of a Mind Map.]]
# On the basis of the central idea the user associates further subranges, which are connected with this idea. These can be noted directly on the map or on a separate sheet. The '''most important ideas''' are written on lines, which are connected with the central idea (so-called main branches - [http://www.infovis-wiki.net/index.php?title=Image:MindMap2.jpg| Figure 3]). These should be noted in '''block letters''' which makes reading and reminding easier. Drawings can be used to get an ''"optical rhythm"'' into the Mind Map.
#: [[image:MindMap2.jpg|thumb|200px|Figure 3: Adding main branches.]]
# In a third step the main branches can be arranged again into '''other branches''' (so-called ''sub branches'' - [http://www.infovis-wiki.net/index.php?title=Image:MindMap3.jpg| Figure 4]). The partitioning can be continued on to a second, third and further levels. These terms should be graphically designed in a way that they can be distinguished easily as well (however not in capital letters as this refers to the main branches).
#: [[image:MindMap3.jpg|thumb|200px|Figure 4: Adding further branches.]]
# An important thing is that apparently coincidental changes of direction are allowed. Another branch can gain the focus without finishing the last one. Also a basic idea of Mind Maps is to always use '''short terms''' like ''key words'', ''references'' or ''abbreviations'' ('''NO sentences!'''). The '''use of color''' is always desired. It helps to connect ideas written at diffrent places. Wherever it is possible a visual representation is another good choice. Not only symbols (e.g. arrows) but ''iconographical icons'' (like smileys and other well known symbols) are popular ([http://www.infovis-wiki.net/index.php?title=Image:MindMap4.jpg| Figure 5]).
# The main and sub branches form the framework of a Mind Map. After generating the Mind Map it is revised (can also be done at a later time to refocus the creative output energy). Missing associations are supplemented, if necessary a restructuring of the Map is made. Beyond that it should be examined whether some cross connections between main and/or subbranches exist.
#: [[image:MindMap4.jpg|thumb|200px|Figure 5: Fully equipped Mind Map.]]
For further information look at [[http://en.wikipedia.org/wiki/Mind_map Wikipedia 2, 2002]]

==Fields of application==
----
===Mind Mapping as a presentation techniques===
:* This is about the presentation of knowledge. Mind Maps are prepared by experts for a certain field of knowledge and used as an additional source to spoken or written text. This helps the audience learning complex facts faster.
:* The use of Mind Mapping techniques as teaching strategy is recommended particularly in connection with conceptual knowledge (e.g. economic circulation, financial and bank systems, etc.). Another possible application is for example the representation of action diagrams as well as the use of Mind Maps for listing contents of a new topic. In some situations it should be considered not to present completed Mind Maps, but to be develop and discuss together.
===Mind Mapping as learning and thinking strategy===
:* The aim is to generate an own Mind Map. A topic is declared and then existing knowledge as well as conceptions, ideas and associations are written down. As a next step the results could be compared, discussed and supplemented with other findings.
:* Apart from structuring existing knowledge Mind Maps can be used vice versa, for example to get information out of a (structured) text. The important thing is to collect information and put it together in a Mind Map. A text passage could be read, all keywords underlined and the output graphically designed in a Mind Map. As a further step related information could be written into the Mind Map too.
:* Another field of activity is to remember old knowledge. By learning new content it is often reuqired to reproduced this knowledge at a later date. For the human brain it is easier to have as many related connections as possible to the topic. So it helps to remember when trying to apply the same Mind Map. Afterwards both Mind Maps could be comared and differences could be especially highlighted.
===Mind Mapping as resource===
:* Mind Maps could be used in group discussions to substantiate the problem space. The visualisation shows to all members on which topic to focus, an overview is always available. Reportedly discussions are more coordinated and structured as well as conflicts can be located and solved easier.
For further information look at [[http://en.wikipedia.org/wiki/Mind_map Wikipedia 2, 2002]]

==Advantages of Mind Mapping==
----
In contrast to traditional recording techniques the advantages of the Mind Mapping method are as follows (like the inventor Tony Buzan calls them):
# The main idea is clearly in sight and it can be gatherd fast and easily.
# Because of main and subbranches the adjustment of ideas is implicit. Information near the main idea is important whereas terms near a boundary have a lower meaning for the whole content.
# Important aspects are connected through lines.
# New pieces of information can be added easily because of structure and setup of a Mind Map.
# Mind Maps are open-ended. Information can be added everywhere at any time, so new linkage of ideas is possible.
A relevant problem consists of the fact that the acceptance is rather small amoung persons who are not familiar with this method. The Mind map looks unclear, confusing and nested.
For further information look at [[http://de.wikipedia.org/wiki/Ged%C3%A4chtniskarte Wikipedia 3, 2003]]

==References==
----
[Buzan et al., 1999] Tony Buzan, Barry Buzan. ''Das Mind-Map Buch.'' Landsberg a.L., 1999, S. 89f. 
[Wikipedia 1, 2002] Chuck Smith, Tony Buzan. Created at: January 27, 2002, Retrieved at: November 6, 2008. http://en.wikipedia.org/wiki/Tony_Buzan 
[Wikipedia 2, 2002] Chuck Smith, Mind map. Created at: January 27, 2002, Retrieved at: November 6, 2008. http://en.wikipedia.org/wiki/Mind_map 
[Wikipedia 3, 2003] Jakob Voss, Gedächtniskarte. Created at: May 30, 2003. Retrieved at: November 6, 2008. http://de.wikipedia.org/wiki/Ged%C3%A4chtniskarte

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 02 - Aufgabe 1 - Scatterplot

2009-11-05T12:17:14Z

UE-InfoVis0910 0526452:

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 02 - Aufgabe 1 - Scatterplot

2009-11-05T12:16:24Z

UE-InfoVis0910 0526452: correctet references one time again

A '''''scatterplot''''' allows effective visualization of the relation between variables in multidimensional data.

Also called a ''scatter chart'', ''scatter diagram'' or ''scatter graph'' [[http://en.wikipedia.org/wiki/Scatterplot| Wikipedia 1, 2008]]. It is in it's most basic form a diagram in which the values of two ''metric'' variables are applied to the horizontal and vertical axes of a cartesian coordinate system. The resulting point in the graph represents one record from a data set. The distribution pattern of points from multiple records reveals, among other qualities, the correlation between the selected variables in the data set. The scatterplot is not to be confused with the ''correlation plot'' [[http://www.itl.nist.gov/div898/handbook/ NIST, 2008]] which treats already adopted correlation coefficients in different data groups, while the term ''correlation diagram'' does not seem to be bound.

==Revealed Information==
----
[[Image:SomeScatterplots.jpg|right|200px|thumb|Figure 1: Some scatterplots.]]

Perfect linear correlation results in all samples lying on the regression line with positive or negative incline dependent on the sign of the correlation coefficient [[http://www.mste.uiuc.edu/courses/ci330ms/youtsey/scatterinfo.html MSTE, 1997]]. Note, that the nonzero incline of the line is insignificant in this kind of diagram [[http://en.wikipedia.org/wiki/Correlation Wikipedia 3, 2008]] since it is dependent on axis scales.

An example of perfect correlation can be seen in the upper left of [http://www.infovis-wiki.net/index.php?title=Image:SomeScatterplots.jpg| Figure 1] together with other patterns: strong positive (upper right), weak negative (lower left) and one example of variables without significant correlation.

[[Image:WeakNegativeCorrelationLine.jpg|right|200px|thumb|Figure 2: Regression line.]]

[http://www.infovis-wiki.net/index.php?title=Image:WeakNegativeCorrelationLine.jpg| Figure 2] features a regression line to further increase expressiveness. It is the line that passes through the plot as close to the points as possible. The regression function is not necessarily chosen linear as in this example. Any kind of curve may fit a plot (quadratic curves, splines, ...) and must be chosen according to subject matter. Generally, the curve with the smallest sum of squared distances to the plotted points is sought after (''least squares fitting''), [[http://www.netmba.com/statistics/plot/scatter/ NetMBA, 2008]]. For an introduction on linear regression, see [[http://en.wikipedia.org/wiki/Linear_regression Wikipedia 4, 2008]; [http://en.wikipedia.org/wiki/Regression_analysis Wikipedia 5, 2008]].

[[Image:ClustersOutlyers.jpg|right|200px|thumb|Figure 3: Clusters and outliers.]]

Further properties of data sets that are easily discovered are the presence of clusters and outliers as denoted in [http://www.infovis-wiki.net/index.php?title=Image:ClustersOutlyers.jpg| Figure 3].

==Scatterplots of Higher Dimensions==
----
Scatterplots are not restricted to records with only two variables. Higher dimensional data can be displayed by adding the third axis to the plot or by assigning point properties like color, size or shape. [http://www.infovis-wiki.net/index.php?title=Image:Plot4D.png| Figure 4] shows a plot done with Matlab's command "plot4D", [[http://cosmologist.info/cosmomc/readme.html Lewis, 2008]].

[[Image:Plot4D.png|right|200px|thumb|Figure 4: A Matlab 4D plot.]]

For another example of a threedimensional scatterplot refer to [[http://en.wikipedia.org/wiki/Scatterplot Wikipedia 1, 2008]]. A way of plotting multidimensional data without the use of the third axis can be found in [[http://www.ailab.si/janez/visualizations.html Demsar, 2008]].

==Treating Discrete Data==
----
For continuously distributed data, scatterplots do well in visualizing density. The problem with discrete data is the possibility of more than one record sharing one point in the diagram (''overplotting''). One solution is to alter the point representation according to density, which is achieved by ''sunflower plots'' in which each point symbol gains radial segments [[http://de.wikipedia.org/wiki/Streudiagramm Wikipedia 2, 2008]]. Examples can be found here: [[http://www.math.yorku.ca/SCS/sasmac/sunplot.html Friendly, 2006]; [http://addictedtor.free.fr/graphiques/graphcode.php?graph=59 addictedtor, 2005]].

==Example of Application==
----
[[Image:hr_diagram_local.png|right|200px|thumb|Figure 5: The HRD of some nearby stars.]]

One prominent example of a scatterplot of two variables is the ''Hertzsprung-Russell diagram'' (HRD for short) in astronomy ([http://www.infovis-wiki.net/index.php?title=Image:Hr_diagram_local.png| Figure 5]). It plots absolute magnitude (intrinsic brightness) of stars against their spectral types and shows a rich set of features such as clusters and a central filament (the ''main sequence''), [[http://www.britannica.com/EBchecked/topic/263951/Hertzsprung-Russell-diagram Britannica, 2008]].

==References==
----
*[addictedtor, 2005]: Anonymous. Sun Flower Plot. R Graph Gallery. Changed: October 6, 2005 Retrieved at: 2 November, 2008. [http://addictedtor.free.fr/graphiques/graphcode.php?graph=59 http://addictedtor.free.fr/graphiques/graphcode.php?graph=59]
*[Britannica, 2008] Hertzsprung–Russell diagram. In Encyclopædia Britannica. Retrieved November 16, 2008, from Encyclopædia Britannica Online: [http://www.britannica.com/EBchecked/topic/263951/Hertzsprung-Russell-diagram http://www.britannica.com/EBchecked/topic/263951/Hertzsprung-Russell-diagram]
*[Demsar, 2008] Janez Demsar, Simple Visualization Examples. A.I. Lab Ljubljana. Retrieved at: November 2, 2008 [http://www.ailab.si/janez/visualizations.html http://www.ailab.si/janez/visualizations.html]
*[Friendly, 2006] Michael Friendly, The sunplot macro. York University. Changed at: November 2, 2006. Retrieved at: November 2, 2008 [http://www.math.yorku.ca/SCS/sasmac/sunplot.html http://www.math.yorku.ca/SCS/sasmac/sunplot.html]
*[Lewis, 2008] Antony Lewis, CosmoMC readme. Retrieved at 16 November, 2008. [http://cosmologist.info/cosmomc/readme.html http://cosmologist.info/cosmomc/readme.html]
*[MSTE, 1997]: Anonymous Carolyn, Carolyn's Unit on Graphing. MSTE, University of Illinois. Retrieved at: November 2, 2008. [http://www.mste.uiuc.edu/courses/ci330ms/youtsey/scatterinfo.html http://www.mste.uiuc.edu/courses/ci330ms/youtsey/scatterinfo.html]
*[NetMBA, 2008] Anonymous, Scatter Plot. NetMBA. Retrieved at: 2 November, 2008. [http://www.netmba.com/statistics/plot/scatter/ http://www.netmba.com/statistics/plot/scatter/]
*[NIST, 2008] Carroll Croarkin, Paul Tobias. ''NIST/SEMATECH e-Handbook of Statistical Methods''. Retrieved at November 2, 2008 [http://www.itl.nist.gov/div898/handbook/ http://www.itl.nist.gov/div898/handbook/]
*[Wikipedia 1, 2008] Scatterplot, Wikipedia. Retrieved at: November 2, 2008. [http://en.wikipedia.org/wiki/Scatterplot http://en.wikipedia.org/wiki/Scatterplot]
*[Wikipedia 2, 2008] Streudiagramm, Wikipedia. Retrieved at: November 2, 2008. [http://de.wikipedia.org/wiki/Streudiagramm http://de.wikipedia.org/wiki/Streudiagramm]
*[Wikipedia 3, 2008] Correlation, Wikipedia. Retrieved at: November 2, 2008. [http://en.wikipedia.org/wiki/Correlation http://en.wikipedia.org/wiki/Correlation]
*[Wikipedia 4, 2008] Linear Regression, Wikipedia. Retrieved at 2 November, 2008. [http://en.wikipedia.org/wiki/Linear_regression http://en.wikipedia.org/wiki/Linear_regression]
*[Wikipedia 5, 2008] Regression Analysis, Wikipedia. Retrieved at 2 November, 2008. [http://en.wikipedia.org/wiki/Regression_analysis http://en.wikipedia.org/wiki/Regression_analysis]

==External Links==
----
*Java Applet: [http://matti.usu.edu/nlvm/nav/frames_asid_144_g_4_t_5.html http://matti.usu.edu/nlvm/nav/frames_asid_144_g_4_t_5.html]

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 02 - Aufgabe 1 - Scatterplot

2009-11-05T12:13:12Z

UE-InfoVis0910 0526452:

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 02 - Aufgabe 1 - Scatterplot

2009-11-05T12:12:23Z

UE-InfoVis0910 0526452: corrected references

A '''''scatterplot''''' allows effective visualization of the relation between variables in multidimensional data.

Also called a ''scatter chart'', ''scatter diagram'' or ''scatter graph'' [ [[#References|Wikipedia 1, 2008]] ]. It is in it's most basic form a diagram in which the values of two ''metric'' variables are applied to the horizontal and vertical axes of a cartesian coordinate system. The resulting point in the graph represents one record from a data set. The distribution pattern of points from multiple records reveals, among other qualities, the correlation between the selected variables in the data set. The scatterplot is not to be confused with the ''correlation plot'' [ [[#References|NIST, 2008]] ] which treats already adopted correlation coefficients in different data groups, while the term ''correlation diagram'' does not seem to be bound.

==Revealed Information==
----
[[Image:SomeScatterplots.jpg|right|200px|thumb|Figure 1: Some scatterplots.]]

Perfect linear correlation results in all samples lying on the regression line with positive or negative incline dependent on the sign of the correlation coefficient [ [[#References|MSTE, 1997]] ]. Note, that the nonzero incline of the line is insignificant in this kind of diagram [ [[#References|Wikipedia 3, 2008]] ] since it is dependent on axis scales.

An example of perfect correlation can be seen in the upper left of [http://www.infovis-wiki.net/index.php?title=Image:SomeScatterplots.jpg| Figure 1] together with other patterns: strong positive (upper right), weak negative (lower left) and one example of variables without significant correlation.

[[Image:WeakNegativeCorrelationLine.jpg|right|200px|thumb|Figure 2: Regression line.]]

[http://www.infovis-wiki.net/index.php?title=Image:WeakNegativeCorrelationLine.jpg| Figure 2] features a regression line to further increase expressiveness. It is the line that passes through the plot as close to the points as possible. The regression function is not necessarily chosen linear as in this example. Any kind of curve may fit a plot (quadratic curves, splines, ...) and must be chosen according to subject matter. Generally, the curve with the smallest sum of squared distances to the plotted points is sought after (''least squares fitting''), [ [[#References|NetMBA, 2008]] ]. For an introduction on linear regression, see [ [[#References|Wikipedia 4, 2008]] ] and [ [[#References|Wikipedia 5, 2008]] ].

[[Image:ClustersOutlyers.jpg|right|200px|thumb|Figure 3: Clusters and outliers.]]

Further properties of data sets that are easily discovered are the presence of clusters and outliers as denoted in [http://www.infovis-wiki.net/index.php?title=Image:ClustersOutlyers.jpg| Figure 3].

==Scatterplots of Higher Dimensions==
----
Scatterplots are not restricted to records with only two variables. Higher dimensional data can be displayed by adding the third axis to the plot or by assigning point properties like color, size or shape. [http://www.infovis-wiki.net/index.php?title=Image:Plot4D.png| Figure 4] shows a plot done with Matlab's command "plot4D", [ [[#References|Lewis, 2008]] ].

[[Image:Plot4D.png|right|200px|thumb|Figure 4: A Matlab 4D plot.]]

For another example of a threedimensional scatterplot refer to [ [[#References|Wikipedia 1, 2008]] ]. A way of plotting multidimensional data without the use of the third axis can be found in [ [[#References|Demsar, 2008]] ].

==Treating Discrete Data==
----
For continuously distributed data, scatterplots do well in visualizing density. The problem with discrete data is the possibility of more than one record sharing one point in the diagram (''overplotting''). One solution is to alter the point representation according to density, which is achieved by ''sunflower plots'' in which each point symbol gains radial segments [ [[#References|Wikipedia 2, 2008]] ]. Examples can be found here: [ [[#References|Friendly, 2006]] ] and [ [[#References|addictedtor, 2005]] ].

==Example of Application==
----
[[Image:hr_diagram_local.png|right|200px|thumb|Figure 5: The HRD of some nearby stars.]]

One prominent example of a scatterplot of two variables is the ''Hertzsprung-Russell diagram'' (HRD for short) in astronomy ([http://www.infovis-wiki.net/index.php?title=Image:Hr_diagram_local.png| Figure 5]). It plots absolute magnitude (intrinsic brightness) of stars against their spectral types and shows a rich set of features such as clusters and a central filament (the ''main sequence''), [ [[#References|Britannica, 2008]] ].

==References==
----
*[addictedtor, 2005]: Anonymous. Sun Flower Plot. R Graph Gallery. Changed: October 6, 2005 Retrieved at: 2 November, 2008. [http://addictedtor.free.fr/graphiques/graphcode.php?graph=59 http://addictedtor.free.fr/graphiques/graphcode.php?graph=59]
*[Britannica, 2008] Hertzsprung–Russell diagram. In Encyclopædia Britannica. Retrieved November 16, 2008, from Encyclopædia Britannica Online: [http://www.britannica.com/EBchecked/topic/263951/Hertzsprung-Russell-diagram http://www.britannica.com/EBchecked/topic/263951/Hertzsprung-Russell-diagram]
*[Demsar, 2008] Janez Demsar, Simple Visualization Examples. A.I. Lab Ljubljana. Retrieved at: November 2, 2008 [http://www.ailab.si/janez/visualizations.html http://www.ailab.si/janez/visualizations.html]
*[Friendly, 2006] Michael Friendly, The sunplot macro. York University. Changed at: November 2, 2006. Retrieved at: November 2, 2008 [http://www.math.yorku.ca/SCS/sasmac/sunplot.html http://www.math.yorku.ca/SCS/sasmac/sunplot.html]
*[Lewis, 2008] Antony Lewis, CosmoMC readme. Retrieved at 16 November, 2008. [http://cosmologist.info/cosmomc/readme.html http://cosmologist.info/cosmomc/readme.html]
*[MSTE, 1997]: Anonymous Carolyn, Carolyn's Unit on Graphing. MSTE, University of Illinois. Retrieved at: November 2, 2008. [http://www.mste.uiuc.edu/courses/ci330ms/youtsey/scatterinfo.html http://www.mste.uiuc.edu/courses/ci330ms/youtsey/scatterinfo.html]
*[NetMBA, 2008] Anonymous, Scatter Plot. NetMBA. Retrieved at: 2 November, 2008. [http://www.netmba.com/statistics/plot/scatter/ http://www.netmba.com/statistics/plot/scatter/]
*[NIST, 2008] Carroll Croarkin, Paul Tobias. ''NIST/SEMATECH e-Handbook of Statistical Methods''. Retrieved at November 2, 2008 [http://www.itl.nist.gov/div898/handbook/ http://www.itl.nist.gov/div898/handbook/]
*[Wikipedia 1, 2008] Scatterplot, Wikipedia. Retrieved at: November 2, 2008. [http://en.wikipedia.org/wiki/Scatterplot http://en.wikipedia.org/wiki/Scatterplot]
*[Wikipedia 2, 2008] Streudiagramm, Wikipedia. Retrieved at: November 2, 2008. [http://de.wikipedia.org/wiki/Streudiagramm http://de.wikipedia.org/wiki/Streudiagramm]
*[Wikipedia 3, 2008] Correlation, Wikipedia. Retrieved at: November 2, 2008. [http://en.wikipedia.org/wiki/Correlation http://en.wikipedia.org/wiki/Correlation]
*[Wikipedia 4, 2008] Linear Regression, Wikipedia. Retrieved at 2 November, 2008. [http://en.wikipedia.org/wiki/Linear_regression http://en.wikipedia.org/wiki/Linear_regression]
*[Wikipedia 5, 2008] Regression Analysis, Wikipedia. Retrieved at 2 November, 2008. [http://en.wikipedia.org/wiki/Regression_analysis http://en.wikipedia.org/wiki/Regression_analysis]

==External Links==
----
*Java Applet: [http://matti.usu.edu/nlvm/nav/frames_asid_144_g_4_t_5.html http://matti.usu.edu/nlvm/nav/frames_asid_144_g_4_t_5.html]

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 09 - Aufgabe 1 - Mind Map

2009-11-04T19:16:40Z

UE-InfoVis0910 0526452: