InfoVis:Wiki - User contributions [en]

User:UE-InfoVis0910 0625209

2012-11-17T20:10:39Z

UE-InfoVis0910 0625209:

* '''Name:''' Martin Schwengerer
* '''Age:''' 24
* '''Matrikelnummer:''' xxxxxxx
* '''Studienkennzahl:''' ???
* '''Some Random Number:''' 0239364293423562930472356234

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

2010-01-27T22:06:14Z

UE-InfoVis0910 0625209:

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

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

== 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 08|Gruppe 08]]

==Point A: Description of application area, data, target group and tasks==

===Application area and data===
A family tree is a chart representing family relationships in a conventional tree structure. The tree shows the parents-children connection. The tree should show detail information of a person as well as important events and emotions (happiness). The family tree should visualize hierarchical structures. In our case we will add some additional information as hereditary diseases.

===Target group===
The target audience of this visualization would be:

- family members of the Simpsons

- characters of the Simpsons-Universe

- cast and crew of 'The Simpsons'-Television-Show

No, seriously:

- just folks who are interested - the family tree data is fictional anyway. Laymen, no prior knowledge needed.

Target group for family trees are usually people, who would like to know more about specified family relationships. It serves as well for next family generations who would like to know more about their family members. The family tree is also very useful for medical matter because hereditary diseases are shown (epilepsy).In our case the target group is each person who would like to know more about The Simpsons characters.

===Goals===
- The tree should be made very simple so everybody could be able to read the most important information about each person listed on the tree.

- For the visualization of the data we will use miscellaneous visual attributes and high data-per-ink ratio. The goal is to keep the reader focused on the important information and give him maximum information about the persons and their relationships among each other on the tree.

==Point B: Concept==

[[ Image:Gesamt2.jpg|Figure 1]]

[[ Image:Vergleich2.jpg|frame|Figure 2]]

===Type of Visualization===
The family tree is visualized by the use of a hierarchical graph - in our case not to be mistaken for a tree since we have more than one higher-ranking node (= two parents) for each node.

We wanted the root (Lisa and Bart) at the top of the visualisation to highlight that everything else (the offspring) follows unidirectional (-- in reality: time, in our visualisation: vertical axis).

===Visual mapping / Visual Attributes===

====Blood relationship -> Annulus (around portrait)====
Blue Annulus = existence of blood relationship

Red Annulus = no existence of blood relationship

''Explanatory statement:'' Since the blood relationship to Lisa and Bart is a key information we decided to choose an Annulus around the portraits. In that manner it is fast to extract this particular information for the viewer.

====Marriage -> dual wedding ring symbol (between two parents of a child)====
dual wedding ring symbol = the parents are/were married with each other.

''Explanatory statement:''In many cultures two interlooped wedding rings are a symbol for marriage. <ref name="ring">Wikipedia.de: Ring(Schmuck). Retrieved at: 2010. [http://de.wikipedia.org/wiki/Ring_(Schmuck)#Ehering]</ref>

====Relationship -> Black persistent lines====
Horizontal black persistent lines between persons indicate relationship based on partnership.

Vertical black persistent lines between persons indicate relationship between parents and their child/children.

====Relationship -> Black dashed lines====
Horizontal black dashed lines in Comparison Mode indicate not shown siblings (due to eg. zoom level).

Vertical black dashed lines in Comparison Mode indicate indirect parent-child-relationship - meaning one or more generations inbetween the dashed lines are left out.

===Interaction===

====Navigation====
Navigation takes place via mouse controls. A modifier key on the keyboard is also used ('Control'-key). The program starts in the Overview mode showing the whole family tree.

Mouse-hovering over a person brings up a popup window revealing all kinds of person-related information (name, gender, birth date, profession, events, satisfaction graph). Selecting an event item in this popup-window causes highlighting the corresponding time-section in the satisfaction graph.

Selecting more than one person via 'Control'+Left-Mouse-Button-clicking several persons or drawing a selection frame around several persons (- via holding Left-Mouse-Button and moving the Mouse). Via 'Enter'-key on the keyboard the selected persons are shown in the Comparison Mode - non-selected persons are left out by dashed black lines (- see text on Visual Mapping).

====Zooming and Panning====
In the Comparison Mode the program allows for each split side (left and right) a separately adjustable zoom level and area by panning. A change of the zoom level is accomplished by the use of holding the 'Control'-key on the keyboard and turning the mouse wheel. Panning is accomplished by holding the left mouse button and moving the mouse in direction of desire.

====Split Screen Mode====
The Comparison Mode splits the window into two separate sub-windows to allow for separately adjusting (by zooming and panning) the region of interest for each side (= lisa as well as bart) of the family tree.

Note that without any character selected, the family relationships is not shown.
In that case, moving with the mouse over a character causes the system to show the relationships relative to this character (e.g. Alberta Simpson is labeled as Pamelas daughter when the user moves the mouse over Pamelas picture, as shown in Figure 2).

====Dynamic Queries====
There are several search queries the user can choose from - they are accessible in the Comparison Mode.

One filter in the comparison mode allows the user for filtering with the help of regular expressions - this searches for matching strings in all data fields in the family tree and highlights the corresponding persons.

More filters:

- filter by gender

- filter by Blood relationship (- blood related? Yes/ No.)

- filter by time range (- see section 'Range Slider' below)

====Range Slider====
The user can choose an arbitrary range of time to show the family tree only in the corresponding range.

====Details on Demand====
On user demand the information of a person in the family tree is shown in a separate popup window. This window is divided into three different parts. One third shows the name, gender, date of birth and profession. The second one shows all mentionable events in the lifetime of the person - the last third of the window visualizes the 'satisfaction-over-time'-graph.

As you can see, the 'satisfaction-over-time'-graph also includes various icone, representing the previous mentioned events. When the user moves the mouse over these icons, additional informations is shown.
The system should include a set of predefined icons (e.g., school, career, prison) as well as a symbol for other events (e.g. internship in our graphic). If the user is not familiar with these icons and needs help, it is possible to display a legend via the help-symbol (?).

====Focus and Context====
Usage of the Dynamic Queries causes the program to focus on the matching search results. The search results are visualized by adding a mask layer on top of the family tree, allowing only for the resulting persons to be shown clearly through the mask layer - the non-matching persons are overlaid by the dark but opaque layer.

===How are the users supported in their tasks?===
A top priority for the team was to create a great experience for the user by making the controls as intuitive and easy to use as possible. Many of the Navigation Methods (left-clicking / zooming and panning) are commonly known from surfing the internet. Moreover an extensive help documentation is supplied with the family tree software package.

===What special features are there?===
Dynamic query search with regular expression engine, range slider for time filtering, intuitive easy-to-use-interface, clear design (with priority on data-ink-ratio)

==References==

<references />

-[Ball, 2004]: Robert Ball, Details on Demand vs. High Resolution, 2004.

-[Shneiderman, 1996] Ben Shneiderman, The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In Proceedings of the IEEE Symposium on Visual Languages, pages 336-343, Washington. IEEE Computer Society Press, 1996.

-[Card et al, 1999] Card, S.K., Mackinlay, J.D., and Shneiderman, B. (Eds.) Readings in Information Visualization: Using Vision to Think, pp. 1-34, Morgan Kaufmann Publishers, San Francisco, Califomia, 1999.

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

2009-12-09T22:56:27Z

UE-InfoVis0910 0625209:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe3.html Beschreibung der Aufgabe 3]
=== Zu verbessernde Grafik ===
-------------------------------
[[Media:geo4.pdf|geo4.pdf]]
=== Point B : Critics on the given graph ===
====1. Type of graphic:====
In this example, we have an not-so-convenient choice of the graphic type. First of all, the spiral adjustment of data objects is rather confusing then highlighting, and makes comparison of data difficult for the viewer.
Also, even when the authors tryed not to distort the object size in an unproportional way, one needs time to get a sensibility for the quantific estimation of the given data circles, compared with scaled bars or quadratic elements.

====2. Color:====
As written in the data-ink-ratio rule, a graph should contain just as much color as needed, and not more. Different colors or intensities can be used to highlight special parts, but they should not be used as a periodic design style.
Additionally, the color is not readable for color-blind people or if it is plotted with a black/white printer.
The reader is automatically seeking differences between the distinct colored elements and needs more time to conceive the information.

====3. Grouping of data:====
We have two main informations in our graph: tonnes of municipal waste per capita and the recycling ratio. Even when the recycling rate has top priority, a reader may ask himself, why the graph elements cant be grouped by both - total waste and recycling rate.

====4. Priority of data:====
As written in point 3, its not always clear that the size of an object depends on the recycling ratio.
This effect is caused by the amount of total waste, which is placed in a very large and widespread way around the data objects. This is also confusing for the reader.

====5. Use of text and numbers:====
Some country names are small and difficult readable, because there was a need to scale it into the circle. Also, the percentage symbol of the recycling ratio appears only at the first element. The reader needs time to realize, all of these numbers are percentages.

=== Point C : Our solution ===
[[ Image:oecdRecyclingData.jpg]]
=== Point D : Benefits of our solution ===
====1. Type of graphic:====
We decided to use a classic diagram to display the ratio between the recycled and the non-recycled waste. Additionally, we plotted the percentage of recycled waste to indicate our chosen order of the countries. Another benefit of our solution is that countries with small recycling ratio are now no longer hidden by the small size of their symbol, as used in the previous graphic. So reader can more easily see the data, e.g. from Italy or Turkey.

Another advantage of our graphic is that it is now possible to see the amount of recycled waste and not only the percentage rate of the countries. It also allows a better comparison and overview over the amount of waste collected per capita.
====2. Color:====
For our needs, we just want to illustrate the value without highlighting anything. Therefore, we did not used strong colors and painted our diagram in two gradation of gray.

====3. Use of text and numbers:====
To offer details about the data, we decided to plot the total amount (tones) of waste at the end of the lines in the diagram. This should help if someone is interested in details. From our point of view, it is not necessary to print the amount of recycled waste because it seems that the recycling rate (which is already displayed) is more important for the reader.

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

2009-12-09T22:50:32Z

UE-InfoVis0910 0625209:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe3.html Beschreibung der Aufgabe 3]
=== Zu verbessernde Grafik ===
-------------------------------
[[Media:geo4.pdf|geo4.pdf]]
=== Point B : Critics on the given graph ===
====1. Type of graphic:====
In this example, we have an not-so-convenient choice of the graphic type. First of all, the spiral adjustment of data objects is rather confusing then highlighting, and makes comparison of data difficult for the viewer.
Also, even when the authors tryed not to distort the object size in an unproportional way, one needs time to get a sensibility for the quantific estimation of the given data circles, compared with scaled bars or quadratic elements.

====2. Color:====
As written in the data-ink-ratio rule, a graph should contain just as much color as needed, and not more. Different colors or intensities can be used to highlight special parts, but they should not be used as a periodic design style.
Additionally, the color is not readable for color-blind people or if it is plotted with a black/white printer.
The reader is automatically seeking differences between the distinct colored elements and needs more time to conceive the information.

====3. Grouping of data:====
We have two main informations in our graph: tonnes of municipal waste per capita and the recycling ratio. Even when the recycling rate has top priority, a reader may ask himself, why the graph elements cant be grouped by both - total waste and recycling rate.

====4. Priority of data:====
As written in point 3, its not always clear that the size of an object depends on the recycling ratio.
This effect is caused by the amount of total waste, which is placed in a very large and widespread way around the data objects. This is also confusing for the reader.

====5. Use of text and numbers:====
Some country names are small and difficult readable, because there was a need to scale it into the circle. Also, the percentage symbol of the recycling ratio appears only at the first element. The reader needs time to realize, all of these numbers are percentages.

=== Point C : Our solution ===
[[ Image:oecdRecyclingData.jpg]]
=== Point D : Benefits of our solution ===
====1. Type of graphic:====
We decided to use a classic diagram to display the ratio between the recycled and the non-recycled waste. Additionally, we plotted the percentage of recycled waste to indicate our chosen order of the countries. Another benefit of our solution is that countries with small recycling ratio are now no longer hidden by the small size of their symbol, as used in the previous graphic. So reader can more easily see the data, e.g. from Italy or Turkey.
====2. Color:====
For our needs, we just want to illustrate the value without highlighting anything. Therefore, we did not used strong colors and painted our diagram in two gradation of gray.

====3. Use of text and numbers:====
To offer details about the data, we decided to plot the total amount (tones) of waste at the end of the lines in the diagram. This should help if someone is interested in details. From our point of view, it is not necessary to print the amount of recycled waste because it seems that the recycling rate (which is already displayed) is more important for the reader.

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

2009-12-09T22:42:37Z

UE-InfoVis0910 0625209:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe3.html Beschreibung der Aufgabe 3]
=== Zu verbessernde Grafik ===
-------------------------------
[[Media:geo4.pdf|geo4.pdf]]
=== Point B : Critics on the given graph ===
====1. Type of graphic:====
In this example, we have an not-so-convenient choice of the graphic type. First of all, the spiral adjustment of data objects is rather confusing then highlighting, and makes comparison of data difficult for the viewer.
Also, even when the authors tryed not to distort the object size in an unproportional way, one needs time to get a sensibility for the quantific estimation of the given data circles, compared with scaled bars or quadratic elements.

====2. Color:====
As written in the data-ink-ratio rule, a graph should contain just as much color as needed, and not more. Different colors or intensities can be used to highlight special parts, but they should not be used as a periodic design style.
The reader is automatically seeking differences between the distinct colored elements and needs more time to conceive the information.

====3. Grouping of data:====
We have two main informations in our graph: tonnes of municipal waste per capita and the recycling ratio. Even when the recycling rate has top priority, a reader may ask himself, why the graph elements cant be grouped by both - total waste and recycling rate.

====4. Priority of data:====
As written in point 3, its not always clear that the size of an object depends on the recycling ratio.
This effect is caused by the amount of total waste, which is placed in a very large and widespread way around the data objects. This is also confusing for the reader.

====5. Use of text and numbers:====
Some country names are small and difficult readable, because there was a need to scale it into the circle. Also, the percentage symbol of the recycling ratio appears only at the first element. The reader needs time to realize, all of these numbers are percentages.

=== Point C : Our solution ===
[[ Image:oecdRecyclingData.jpg]]
=== Point D : Benefits of our solution ===
====1. Type of graphic:====
We decided to use a classic diagram to display the ratio between the recycled and the non-recycled waste. Additionally, we plotted the percentage of recycled waste to indicate our chosen order of the countries.
====2. Color:====
For our needs, we just want to illustrate the value without highlighting anything. Therefore, we did not used strong colors and painted our diagram in two gradation of gray.

====3. Use of text and numbers:====
To offer details about the data, we decided to plot the total amount (tones) of waste at the end of the lines in the diagram. This should help if someone is interested in details. From our point of view, it is not necessary to print the amount of recycled waste because it seems that the recycling rate (which is already displayed) is more important for the reader.

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

2009-12-09T22:36:27Z

UE-InfoVis0910 0625209:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe3.html Beschreibung der Aufgabe 3]
=== Zu verbessernde Grafik ===
-------------------------------
[[Media:geo4.pdf|geo4.pdf]]
=== Point B : Critics on the given graph ===
====1. Type of graphic:====
In this example, we have an not-so-convenient choice of the graphic type. First of all, the spiral adjustment of data objects is rather confusing then highlighting, and makes comparison of data difficult for the viewer.
Also, even when the authors tryed not to distort the oject size in an unproportional way, one needs time to get a sensibility for the quantific estimation of the given data circles, compared with scaled bars or quadratic elements.

====2. Colour:====
As written in the data-ink-ratio rule, a graph should contain just as much color as needed, and not more. Different colors or intensities can be used to highlight special parts, but they shouldnt be used as a periodic design style.
The reader is automatically seeking differences between the distinct colored elements and needs more time to conceive the information.

====3. Grouping of data:====
We have two main informations in our graph: tonnes of municipal waste per capita and the recycling ratio. Even when the recycling rate has top priority, a reader may ask himself, why the graph elements cant be grouped by both - total waste and recycling rate.

====4. Priority of data:====
As written in point 3, its not always clear that the size of an object depends on the recycling ratio.
This effect is caused by the amount of total waste, which is placed in a very large and widespread way around the data objects. This is also confusing for the reader.

====5. Use of text and numbers:====
Some country names are small and difficult readable, because there was a need to scale it into the circle. Also, the percentage symbol of the recycling ratio appears only at the first element. The reader needs time to realize, all of these numbers are percentages.

=== Point C : Our solution ===
[[ Image:oecdRecyclingData.jpg]]
=== Point D : Benefits of our solution ===
====1. Type of graphic:====
We decided to use a classic diagram to display the ratio between the recycled and the non-recycled waste. Additionally, we plotted the percentage of recycled waste to indicate our choosen order of the countries.
====2. Colour:====
For our needs, we just want to illustrate the value without highlighting anything. Therefore, we did not used strong colors and painted our diagram in two gradation of gray.

====3. Grouping of data:====

====4. Priority of data:====

====5. Use of text and numbers:====
To offer details about the data, we decided to plot the total amount (tonnes) of waste at the end of the lines in the diagram. This should help if someone is interessted in details. From our point of view, it is not necesarry to print the amount of recycled waste because it seems that the recycling rate (which is already displayed) is more important for the reader.

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

2009-12-09T22:23:02Z

UE-InfoVis0910 0625209:

File:OecdRecyclingData.jpg

2009-12-09T22:21:38Z

UE-InfoVis0910 0625209: New page: == Summary == == Copyright status == == Source ==

== Summary ==

== Copyright status ==

== Source ==

File:Iv lu group8 ex3.jpg

2009-12-09T22:19:13Z

UE-InfoVis0910 0625209: Table for exercise 3

== Summary ==
Table for exercise 3
== Copyright status ==

== Source ==

Teaching talk:TUW - UE InfoVis WS 2007/08 - Gruppe 02 - Aufgabe 1 - Flow Visualization

2009-11-25T21:29:41Z

UE-InfoVis0910 0625209:

* Ein Verweis auf den Bezug von Flow Visualization zu Scientific Visualization wurde hinzugefügt [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Rechtschreibfehler wurden ausgebessert [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Die kurze Definition am Anfang wurde verändert (Die alte gefiel uns nicht so gut)[[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Bei Bild Nr. 3 wurde der Link zur Quelle aktualisiert [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Eines der Kommentare in der Definition wurde entfernt (Lange und überflüssige Definition ohne viel Information) [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Ein Link auf eine Simulationssoftware wurde hinzugefügt (Vorherige erwähnung im Text, Der Link schien uns jedoch sinnvoller) [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Das verbleibende Kommentar wurde hinauf verschoben (übersichtlicher und besser platziert)[[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Der Text wurde überarbeitet - es wurde aud überflüssige Floskeln und Einleitung verzichtet [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Inhaltliche Änderungen: Adaption und Ergänzung der Beschreibung anhand neuer Quellen mit einer besseren Übersicht über die physischen Methoden. Dies soll Mehr Übersicht bieten, da der ursprüngliche Text unserer Meinung nach umständlich und unübersichtlich war. [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]

Teaching talk:TUW - UE InfoVis WS 2007/08 - Gruppe 02 - Aufgabe 1 - Flow Visualization

2009-11-25T21:29:21Z

UE-InfoVis0910 0625209:

* Ein Verweis auf den Bezug von Flow Visualization zu Scientific Visualization wurde hinzugefügt
* Rechtschreibfehler wurden ausgebessert.
* Die kurze Definition am Anfang wurde verändert (Die alte gefiel uns nicht so gut)[[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Bei Bild Nr. 3 wurde der Link zur Quelle aktualisiert [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Eines der Kommentare in der Definition wurde entfernt (Lange und überflüssige Definition ohne viel Information) [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Ein Link auf eine Simulationssoftware wurde hinzugefügt (Vorherige erwähnung im Text, Der Link schien uns jedoch sinnvoller) [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Das verbleibende Kommentar wurde hinauf verschoben (übersichtlicher und besser platziert)[[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Der Text wurde überarbeitet - es wurde aud überflüssige Floskeln und Einleitung verzichtet [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Inhaltliche Änderungen: Adaption und Ergänzung der Beschreibung anhand neuer Quellen mit einer besseren Übersicht über die physischen Methoden. Dies soll Mehr Übersicht bieten, da der ursprüngliche Text unserer Meinung nach umständlich und unübersichtlich war. [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 02 - Aufgabe 1 - Flow Visualization

2009-11-25T13:01:51Z

UE-InfoVis0910 0625209:

Flow visualization is a process of making the physics of fluid flows visible in oder to analyse it.

== Definition ==
{{Quotation|To be able to recognize the motion of the fluid, one must therefore provide a certain technique by which the flow is made visible. Such methods are called flow-visualization techniques.|[Merzkirch, 1987]}}

== Overview ==
Flow visualization is a modern technique to visualize motions and patterns of mostly invisible fluids, e.g. gas, air or water.
Main target is to make flows in a specific context visible so that it can be analyzed.

Although the basic task for flow visualization is revealing the flow within fluids, it may offers an additional benefit. It does not only make flows visible, it can also be used as a method for simulating flows and the interaction of objects within fluids. So it is also a simulation technique and therefore, it can be classified as a method for [[Scientific Visualization]].

Application areas for flow visualization are e.g. in aviation, aqua- or aerodynamic.

In fact, there are several ways how to do this. Generally we can divide into two main classes of methods:

[[Image:e398-inflatable.jpg|right|thumb|150px|Figure 1]]
[[Image:2-01-AERO-Papodopoulos.jpg|right|thumb|150px|Figure 2]]
[[Image:HyFish.jpg|right|thumb|150px|Figure 3]]
=== Physical methods===
Physical methods are an experimental approach on flow visualization. Basically these techniques can further be divided into three groups [Löffelmann, 1998]:
* Adding foreign material
:These methods work by adding small particles, e.g. smoke or oil, to the fluid to make it visible. Figure 1 gives an example for using smoke in a wind tunnel.
* Optical techniques
:These methods work e.g. with the refraction of the light or by working with light beams, where images with shadows and caustics indicate flows.
* Adding heat or energy
:These methods use e.g. gas, where the molecules have been excited by shooting electrons at them, to visualize motion patterns.

The main disadvantage of physical methods is that these techniques require a test system (e.g., a wind tunnel) and therefore, may be limited by physic constraints (e.g., the size of the tunnel) and costs.
=== Computational methods ===
In contrast to physic methods, the motion of fluids can also be expressed by mathematical equations which can be estimated numerically. Thus even supercomputers would take a long time to solve the equations and the solution would only be an estimation of the definite problem, more accurate methods needed to be discovered.

One approach is to discretize the spatial domain into small cells so every single cell can be computed separately. Using this method one gets a mesh grid of the definite fluid motion. Figure 2 shows how such a mesh grid looks like in practice. NASA is testing complex scenarios of its space shuttles like return-to-launch-site and transatlantic abort maneuvers by the use of computational fluid dynamics. The image shows the surface pressure distribution at the speed of Mach 15. Figure 3 shows another shape of how computers can be used for flow visualization.

== References ==
*[Merzkirch, 1987] Wolfgang Merzkirch. ''Flow Visualization, Second Edition''. Academic Press Inc. Ltd., London, 1987.
*[Devenport and Hartwell, 2006] W.J. Devenport and W.L. Hartwell, Experiment 1 - Flow Visualization. Last modified at: December 20, 2006. Retrieved at: November 9, 2007. [http://www.aoe.vt.edu/~devenpor/aoe3054/manual/expt1/index.html http://www.aoe.vt.edu/~devenpor/aoe3054/manual/expt1/index.html].
* [Löffelmann, 1998] Helwig Löffelmann , Visualizing Local Properties and Characteristic Structures of Dynamical Systems, Created at: November, 1998. Retrieved at: November 5, 2009 http://www.cg.tuwien.ac.at/~helwig/diss/

== External Links ==
*[http://en.wikipedia.org/wiki/Flow_visualization http://en.wikipedia.org/wiki/Flow_visualization]
*[http://en.wikipedia.org/wiki/Computational_fluid_dynamics http://en.wikipedia.org/wiki/Computational_fluid_dynamics]
*[http://www.ilight.com/ FieldView, a software for simulating, streamlines around a solid surface]

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 02 - Aufgabe 1 - Flow Visualization

2009-11-23T21:19:32Z

UE-InfoVis0910 0625209:

Flow visualization is a process of making the physics of fluid flows visible in oder to analyse it.

== Definition ==
{{Quotation|To be able to recognize the motion of the fluid, one must therefore provide a certain technique by which the flow is made visible. Such methods are called flow-visualization techniques.|[Merzkirch, 1987]}}

== Overview ==
Flow visualization is a modern technique to visualize motions and patterns of mostly invisible fluids, e.g. gas, air or water.
Main target is to make flows in a specific context visible so that it can be analyzed.

Although the basic task for flow visualization is revealing the flow within fluids, it may offers an additional benefit. It does not only make flows visible, it can also be used as a method for simulating flows and the interaction of objects within fluids. Therefore, it can be classified as a method for [[Scientific Visualization]].

Application areas for flow visualization are e.g. in aviation, aqua- or aerodynamic.

In fact, there are several ways how to do this. Generally we can divide into two main methods:

[[Image:e398-inflatable.jpg|right|thumb|150px|Figure 1]]
[[Image:2-01-AERO-Papodopoulos.jpg|right|thumb|150px|Figure 2]]
[[Image:HyFish.jpg|right|thumb|150px|Figure 3]]
=== Physical methods===
Physical methods are an experimental approach on flow visualization. Basically these techniques can further be divided into three groups [Löffelmann, 1998]:
* Adding foreign material
:These methods work by adding small particles, e.g. smoke or oil, to the fluid to make it visible. Figure 1 gives an example for using smoke in a wind tunnel.
* Optical techniques
:These methods work e.g. with the refraction of the light or by working with light beams, where images with shadows and caustics indicate flows.
* Adding heat or energy
:These methods use e.g. gas, where the molecules have been excited by shooting electrons at them, to visualize motion patterns.

The main disadvantage of physical methods is that these techniques require a test system (e.g., a wind tunnel) and therefore, may be limited by physic constraints (e.g., the size of the tunnel) and costs.
=== Computational methods ===
In contrast to physic methods, the motion of fluids can also be expressed by mathematical equations which can be estimated numerically. Thus even supercomputers would take a long time to solve the equations and the solution would only be an estimation of the definite problem, more accurate methods needed to be discovered.

One approach is to discretize the spatial domain into small cells so every single cell can be computed separately. Using this method one gets a mesh grid of the definite fluid motion. Figure 2 shows how such a mesh grid looks like in practice. NASA is testing complex scenarios of its space shuttles like return-to-launch-site and transatlantic abort maneuvers by the use of computational fluid dynamics. The image shows the surface pressure distribution at the speed of Mach 15. Figure 3 shows another shape of how computers can be used for flow visualization.

== References ==
*[Merzkirch, 1987] Wolfgang Merzkirch. ''Flow Visualization, Second Edition''. Academic Press Inc. Ltd., London, 1987.
*[Devenport and Hartwell, 2006] W.J. Devenport and W.L. Hartwell, Experiment 1 - Flow Visualization. Last modified at: December 20, 2006. Retrieved at: November 9, 2007. [http://www.aoe.vt.edu/~devenpor/aoe3054/manual/expt1/index.html http://www.aoe.vt.edu/~devenpor/aoe3054/manual/expt1/index.html].
* [Löffelmann, 1998] Helwig Löffelmann , Visualizing Local Properties and Characteristic Structures of Dynamical Systems, Created at: November, 1998. Retrieved at: November 5, 2009 http://www.cg.tuwien.ac.at/~helwig/diss/

== External Links ==
*[http://en.wikipedia.org/wiki/Flow_visualization http://en.wikipedia.org/wiki/Flow_visualization]
*[http://en.wikipedia.org/wiki/Computational_fluid_dynamics http://en.wikipedia.org/wiki/Computational_fluid_dynamics]
*[http://www.ilight.com/ FieldView, a software for simulating, streamlines around a solid surface]

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 02 - Aufgabe 1 - Flow Visualization

2009-11-23T21:16:15Z

UE-InfoVis0910 0625209:

Flow visualization is a process of making the physics of fluid flows visible in oder to analyse it.

== Definition ==
{{Quotation|To be able to recognize the motion of the fluid, one must therefore provide a certain technique by which the flow is made visible. Such methods are called flow-visualization techniques.|[Merzkirch, 1987]}}

== Overview ==
Flow visualization is a modern technique to visualize motions and patterns of mostly invisible fluids, e.g. gas, air or water.
Main target is to make flows in a specific context visible so that it can be analyzed.

Although the basic task for flow visualization is revealing the flow within fluids, it may offers an additional benefit. It does not only make flows visible, it can also be used as a method for simulating flows and the interaction of objects within fluids. Therefore, it can be classified as a method for [[Scientific Visualization]].

Application areas for flow visualization are e.g. in aviation, aqua- or aerodynamic.

In fact, there are several ways how to do this. Generally we can divide into two main methods:

[[Image:e398-inflatable.jpg|right|thumb|150px|Figure 1]]
[[Image:2-01-AERO-Papodopoulos.jpg|right|thumb|150px|Figure 2]]
[[Image:HyFish.jpg|right|thumb|150px|Figure 3]]
=== Physical methods===
Physical methods are an experimental approach on flow visualization. Basically these techniques can further be divided into three groups [Löffelmann, 1998]:
* Adding foreign material
:These methods work by adding small particles, e.g. smoke or oil, to the fluid to make it visible. Figure 1 gives an example for using smoke in a wind tunnel.
* Optical techniques
:These methods work e.g. with the refraction of the light or by working with light beams, where images with shadows and caustics indicate flows.
* Adding heat or energy
:These methods use e.g. gas, where the molecules have been exited by shoting electrons at them, to visualize motion patterns.

The main disadvantage of physical methods is that these techniques require a test system (e.g., a wind tunnel) and therefore, may be limited by physic constraints (e.g., the size of the tunnel) and costs.
=== Computational methods ===
In contrast to physic methods, the motion of fluids can also be expressed by mathematical equations which can be estimated numerically. Thus even supercomputers would take a long time to solve the equations and the solution would only be an estimation of the definite problem, more accurate methods needed to be discovered.

One approach is to discretize the spatial domain into small cells so every single cell can be computed separately. Using this method one gets a mesh grid of the definite fluid motion. Figure 2 shows how such a mesh grid looks like in practice. NASA is testing complex scenarios of its space shuttles like return-to-launch-site and transatlantic abort maneuvers by the use of computational fluid dynamics. The image shows the surface pressure distribution at the speed of Mach 15. Figure 3 shows another shape of how computers can be used for flow visualization.

== References ==
*[Merzkirch, 1987] Wolfgang Merzkirch. ''Flow Visualization, Second Edition''. Academic Press Inc. Ltd., London, 1987.
*[Devenport and Hartwell, 2006] W.J. Devenport and W.L. Hartwell, Experiment 1 - Flow Visualization. Last modified at: December 20, 2006. Retrieved at: November 9, 2007. [http://www.aoe.vt.edu/~devenpor/aoe3054/manual/expt1/index.html http://www.aoe.vt.edu/~devenpor/aoe3054/manual/expt1/index.html].
* [Löffelmann, 1998] Helwig Löffelmann , Visualizing Local Properties and Characteristic Structures of Dynamical Systems, Created at: November, 1998. Retrieved at: November 5, 2009 http://www.cg.tuwien.ac.at/~helwig/diss/

== External Links ==
*[http://en.wikipedia.org/wiki/Flow_visualization http://en.wikipedia.org/wiki/Flow_visualization]
*[http://en.wikipedia.org/wiki/Computational_fluid_dynamics http://en.wikipedia.org/wiki/Computational_fluid_dynamics]
*[http://www.ilight.com/ FieldView, a software for simulating, streamlines around a solid surface]

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

2009-11-20T22:56:01Z

UE-InfoVis0910 0625209:

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

=== Point B : Critics on the given table ===
====1. White space:====
This example shows horizontal white space between rows of data but no white space of vertikal data may cause difficulties for the reader of this table.

====2. Rules and grids:====
As written in the lecture, the delineation of columns and rows is the least effective use of rules and grids. In our example are used thick grids and dots (intermittent lines) without any form what did not even separate the header from body nor any other data. There is a thick line between the body and the header but the problem is that the same thick lines are also used in the body what makes it look like group of data.That reduces the table’s effectiveness.

====3. Header:====
In the header there is the same title written for each group of data what makes the table full of information and reduces the effectivness.There is also no need for unit´s name to be repeated for each data because it is the same name repeated all the time.

====4. Alignment:====
Quantitative values in our table are center aligned.Because of the way numbers are written and read, aligning them to the center makes them difficult to interpret and decimels can be easily ignored.

====5. Number format:====
A comma is not placed to the left of every three whole-number digits.

====6. Font:====
In our table font is "Bold" what does not make the table legible.

=== Point C : Suggested revisions ===
We developed two tables, one print version which is scaled to fit on a page and a second one which is basically designed for larger documents, e.g. look-up tables or electronic documents. The reason why we posted both of them is that we believe that the purpose and the environment of the table have influence on the design of the table.
==== Table 1 ====

[[Image:Tabelle1.jpg|550px]]

==== Table 2 ====

[[Image:Infovis_table2.png]]

=== Point D : Explanation of improvements ===
==== Ad Table 1 ====
=====1. White space:=====
First thing we did was to delete already existing grids and rows and to replace them with white spaces horizontaly.We did that to make our table look more legible and to increase the table effectivness.

=====2. Rules and grids=====
We deleted all grids and rules except the header line.That is important for the reader to get the idea of the data he is reading.

=====3. Header=====
For better view we deleted all unit names that were repeated for each row and we left only one unit name that values for each one.
We did the same thing with the column names and we left only one colum name "Tk50-HTK" written horizonatly and it is easiy to notice that it values for each subgroup.(E-195-1 etc.)

=====4. Alignment=====
Because numbers in our table represent quantitative values we aligned them to the
right for better legibility.

=====5. Number format=====
For better legibility we changed number format and placed comma to the left of every three whole-number digits.

=====6. Font=====
We changed the font as well because BOLD makes the data less effective.We chose ariel font.

=====7. Fill color=====
Fill colors are less distracting to the eye as it scans across them.Because of that we chose grey grids accros horizontal rows.

==== Ad Table 2 ====
=====1. White Space=====
White space was used between the each of the groups (E-195-/E-196-/E-197-).

=====2. Rules and grids=====
Most of the gridlines were dismissed. Only two gridlines stayed remaining.

=====3. Header=====
The Header is now consisting of the chemical elements for better comparison of the relevant values in columns instead of in rows.

=====4. Alignment=====
Numbers are aligned on the right side. Mass numbers of the elements are aligned on the left and the element names (one row below) in the middle to make it look like the standard chemical notation of elements.

=====5. Font=====
Google Docs standard font.

=====7. Fill color=====
One fill color is used for the columns in order to help the eyes focus on them.

=====8. Element Order=====
The elements are now ordered according to their position in the periodic table rather than alphabetical.

== 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 08|Gruppe 08]]

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

2009-11-20T22:49:30Z

UE-InfoVis0910 0625209:

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

=== Point B : Critics on the given table ===
====1. White space:====
This example shows horizontal white space between rows of data but no white space of vertikal data may cause difficulties for the reader of this table.

====2. Rules and grids:====
As written in the lecture, the delineation of columns and rows is the least effective use of rules and grids. In our example are used thick grids and dots (intermittent lines) without any form what did not even separate the header from body nor any other data. There is a thick line between the body and the header but the problem is that the same thick lines are also used in the body what makes it look like group of data.That reduces the table’s effectiveness.

====3. Header:====
In the header there is the same title written for each group of data what makes the table full of information and reduces the effectivness.There is also no need for unit´s name to be repeated for each data because it is the same name repeated all the time.

====4. Alignment:====
Quantitative values in our table are center aligned.Because of the way numbers are written and read, aligning them to the center makes them difficult to interpret and decimels can be easily ignored.

====5. Number format:====
A comma is not placed to the left of every three whole-number digits.

====6. Font:====
In our table font is "Bold" what does not make the table legible.

=== Point C : Suggested revisions ===
We developed two tables, one print version which is scaled to fit on a page and a second one which is basically designed for larger documents, e.g. look-up tables or electronic documents. The reason why we posted both of them is that we believe that the purpose and the environment of the table have influence on the design.
==== Table 1 ====

[[Image:Tabelle1.jpg|550px]]

==== Table 2 ====

[[Image:Infovis_table2.png]]

=== Point D : Explanation of improvements ===
==== Ad Table 1 ====
=====1. White space:=====
First thing we did was to delete already existing grids and rows and to replace them with white spaces horizontaly.We did that to make our table look more legible and to increase the table effectivness.

=====2. Rules and grids=====
We deleted all grids and rules except the header line.That is important for the reader to get the idea of the data he is reading.

=====3. Header=====
For better view we deleted all unit names that were repeated for each row and we left only one unit name that values for each one.
We did the same thing with the column names and we left only one colum name "Tk50-HTK" written horizonatly and it is easiy to notice that it values for each subgroup.(E-195-1 etc.)

=====4. Alignment=====
Because numbers in our table represent quantitative values we aligned them to the
right for better legibility.

=====5. Number format=====
For better legibility we changed number format and placed comma to the left of every three whole-number digits.

=====6. Font=====
We changed the font as well because BOLD makes the data less effective.We chose ariel font.

=====7. Fill color=====
Fill colors are less distracting to the eye as it scans across them.Because of that we chose grey grids accros horizontal rows.

==== Ad Table 2 ====
=====1. White Space=====
White space was used between the each of the groups (E-195-/E-196-/E-197-).

=====2. Rules and grids=====
Most of the gridlines were dismissed. Only two gridlines stayed remaining.

=====3. Header=====
The Header is now consisting of the chemical elements for better comparison of the relevant values in columns instead of in rows.

=====4. Alignment=====
Numbers are aligned on the right side. Mass numbers of the elements are aligned on the left and the element names (one row below) in the middle to make it look like the standard chemical notation of elements.

=====5. Font=====
Google Docs standard font.

=====7. Fill color=====
One fill color is used for the columns in order to help the eyes focus on them.

=====8. Element Order=====
The elements are now ordered according to their position in the periodic table rather than alphabetical.

== 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 08|Gruppe 08]]

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

2009-11-20T22:46:21Z

UE-InfoVis0910 0625209:

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

=== Point B : Critics on the given table ===
====1. White space:====
This example shows horizontal white space between rows of data but no white space of vertikal data may cause difficulties for the reader of this table.

====2. Rules and grids:====
As written in the lecture, the delineation of columns and rows is the least effective use of rules and grids. In our example are used thick grids and dots (intermittent lines) without any form what did not even separate the header from body nor any other data. There is a thick line between the body and the header but the problem is that the same thick lines are also used in the body what makes it look like group of data.That reduces the table’s effectiveness.

====3. Header:====
In the header there is the same title written for each group of data what makes the table full of information and reduces the effectivness.There is also no need for unit´s name to be repeated for each data because it is the same name repeated all the time.

====4. Alignment:====
Quantitative values in our table are center aligned.Because of the way numbers are written and read, aligning them to the center makes them difficult to interpret and decimels can be easily ignored.

====5. Number format:====
A comma is not placed to the left of every three whole-number digits.

====6. Font:====
In our table font is "Bold" what does not make the table legible.

=== Point C : Suggested revisions ===
We developed two tables, one print version which is scaled to fit on a page and a second one which is basically designed for larger documents, e.g. look-up tables or electronic documents. The reason why we posted both of them is that we believe that the purpose and the environment of the table have influence on the design.
==== Table 1 ====

[[Image:Tabelle1.jpg|550px]]

==== Table 2 ====

[[Image:Infovis_table2.png]]

=== Point D : Explanation of improvements ===
==== Ad Table 1 ====
=====1. White space:=====
First thing we did was to delete already existing grids and rows and to replace them with white spaces horizontaly.We did that to make our table look more legible and to increase the table effectivness.

=====2. Rules and grids=====
We deleted all grids and rules except the header line.That is important for the reader to get the idea of the data he is reading.

=====3. Header=====
For better view we deleted all unit names that were repeated for each row and we left only one unit name that values for each one.
We did the same thing with the column names and we left only one colum name "Tk50-HTK" written horizonatly and it is easiy to notice that it values for each subgroup.(E-195-1 etc.)

=====4. Alignment=====
Because numbers in our table represent quantitative values we aligned them to the
right for better legibility.

=====5. Number format=====
For better legibility we changed number format and placed comma to the left of every three whole-number digits.

=====6. Font=====
We changed the font as well because BOLD makes the data less effective.We chose ariel font.

=====7. Fill color=====
Fill colors are less distracting to the eye as it scans across them.Because of that we chose grey grids accros horizontal rows.

==== Ad Table 2 ====
=====1. White Space=====
White space was used between the each of the groups (E-195-/E-196-/E-197-).

=====2. Rules and grids=====
Most of the gridlines were dismissed. Only two gridlines stayed remaining.

=====3. Header=====
The Header is now consisting of the chemical elements for better comparison of the relevant values in columns instead of in rows.

=====4. Alignment=====
Numbers are aligned on the right side. Mass numbers of the elements are aligned on the left and the element names (one row below) in the middle to make it look like the standard chemical notation of elements.

=====5. Font=====
Google Docs standard font.

=====7. Fill color=====
One fill color is used for the columns in order to help the eyes focus on them.

== 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 08|Gruppe 08]]

Teaching talk:TUW - UE InfoVis WS 2007/08 - Gruppe 02 - Aufgabe 1 - Flow Visualization

2009-11-06T21:35:22Z

UE-InfoVis0910 0625209:

* Die kurze Definition am Anfang wurde verändert (Die alte gefiel uns nicht so gut)[[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Bei Bild Nr. 3 wurde der Link zur Quelle aktualisiert [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Eines der Kommentare in der Definition wurde entfernt (Lange und überflüssige Definition ohne viel Information) [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Ein Link auf eine Simulationssoftware wurde hinzugefügt (Vorherige erwähnung im Text, Der Link schien uns jedoch sinnvoller) [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Das verbleibende Kommentar wurde hinauf verschoben (übersichtlicher und besser platziert)[[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Der Text wurde überarbeitet - es wurde aud überflüssige Floskeln und Einleitung verzichtet [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Inhaltliche Änderungen: Adaption und Ergänzung der Beschreibung anhand neuer Quellen mit einer besseren Übersicht über die physischen Methoden. Dies soll Mehr Übersicht bieten, da der ursprüngliche Text unserer Meinung nach umständlich und unübersichtlich war. [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]

Teaching talk:TUW - UE InfoVis WS 2007/08 - Gruppe 02 - Aufgabe 1 - Flow Visualization

2009-11-06T21:33:42Z

UE-InfoVis0910 0625209:

* Die kurze Definition am Anfang wurde verändert (Die alte gefiel uns nicht so gut)[[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Bei Bild Nr. 3 wurde der Link zur Quelle aktualisiert [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Eines der Kommentare in der Definition wurde entfernt (Lange und überflüssige Definition ohne viel Information) [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Ein Link auf eine Simulationssoftware wurde hinzugefügt (Vorherige erwähnung im Text, Der Link schien uns jedoch sinnvoller) [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Das verbleibende Kommentar wurde hinauf verschoben (übersichtlicher und besser platziert)[[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Der Text wurde überarbeitet - es wurde aud überflüssige Floskeln und Einleitung verzichtet [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]
* Inhaltliche Änderungen: Adaption und Ergänzung der Beschreibung anhand neuer Quellen [[User:UE-InfoVis0910 0625209|UE-InfoVis0910 0625209]]

Teaching talk:TUW - UE InfoVis WS 2007/08 - Gruppe 02 - Aufgabe 1 - Flow Visualization

2009-11-05T21:11:08Z

UE-InfoVis0910 0625209:

* Die kurze Definition am Anfang wurde verändert
* Bei Bild Nr. 3 wurde der Link zur Quelle aktualisiert
* Eines der Kommentare in der Definition wurde entfernt
* Ein Link auf eine Simulationssoftware wurde hinzugefügt
* Das verbleibende Kommentar wurde hinauf verschoben
* Der Text wurde überarbeitet - es wurde aud überflüssige Floskeln und Einleitung verzichtet
* Inhaltliche Änderungen: Adaption und Ergänzung der Beschreibung anhand neuer Quellen

Teaching talk:TUW - UE InfoVis WS 2007/08 - Gruppe 02 - Aufgabe 1 - Flow Visualization

2009-11-05T20:00:48Z

UE-InfoVis0910 0625209:

* Die kurze Definition am Anfang wurde verändert
* Bei Bild Nr. 3 wurde der Link zur Quelle aktualisiert
* Eines der Kommentare in der Definition wurde entfernt
* Das verbleibende Kommentar wurde hinauf verschoben
* Der Text wurde überarbeitet - es wurde aud überflüssige Floskeln und Einleitung verzichtet
* Inhaltliche Änderungen: Adaption und Ergänzung der Beschreibung anhand neuer Quellen

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 02 - Aufgabe 1 - Flow Visualization

2009-11-05T19:57:58Z

UE-InfoVis0910 0625209:

Flow visualization is a process of making the physics of fluid flows visible in oder to analyse it.

== Definition ==
{{Quotation|To be able to recognize the motion of the fluid, one must therefore provide a certain technique by which the flow is made visible. Such methods are called flow-visualization techniques.|[Merzkirch, 1987]}}

== Overview ==
Flow visualization is a modern technique to visualize motions and patterns of mostly invisible fluids, e.g. gas, air or water.
Main target is to make flows in a specific context visible so that it can be analyzed.
Application areas for flow visualization are e.g. in aviation, or aerodynamic.

In fact, there are several ways how to do this. Generally we can divide into two main methods:

[[Image:e398-inflatable.jpg|right|thumb|150px|Figure 1]]
[[Image:2-01-AERO-Papodopoulos.jpg|right|thumb|150px|Figure 2]]
[[Image:HyFish.jpg|right|thumb|150px|Figure 3]]
=== Physical methods===
Physical methods are an experimental approch on flow visualization. Basically these techniques can further be divided into three groups [Löffelmann, 1998]:
* Adding foreign material
:These methods work by adding small particles, e.g. smoke or oil, to the fluid to make it visible. Figure 1 gives an example for using smoke in a wind tunnel.
* Optical techniques
:These methods work e.g. with the refraction of the light or by working with light beams, where images with shadows and caustics indicate flows.
* Adding heat or energy
:These methods use e.g. gas, where the molecules have been exited by shoting electrons at them, to visualize motion patterns.

The main disadvantage of physical methods is that these techniques require a test system (e.g., a wind tunnel) and therefore, may be limited by physic constraints (e.g., the size of the tunnel) and costs.
=== Computational methods ===
In contrast to physic methods, the motion of fluids can also be expressed by mathematical equations which can be estimated numerically. Thus even supercomputers would take a long time to solve the equations and the solution would only be an estimation of the definite problem, more accurate methods needed to be discovered.

One approach is to discretize the spatial domain into small cells so every single cell can be computed separately. Using this method one gets a mesh grid of the definite fluid motion. Figure 2 shows how such a mesh grid looks like in practice. NASA is testing complex scenarios of its space shuttles like return-to-launch-site and transatlantic abort maneuvers by the use of computational fluid dynamics. The image shows the surface pressure distribution at the speed of Mach 15. Figure 3 shows another shape of how computers can be used for flow visualization.

== References ==
*[Merzkirch, 1987] Wolfgang Merzkirch. ''Flow Visualization, Second Edition''. Academic Press Inc. Ltd., London, 1987.
*[Devenport and Hartwell, 2006] W.J. Devenport and W.L. Hartwell, Experiment 1 - Flow Visualization. Last modified at: December 20, 2006. Retrieved at: November 9, 2007. [http://www.aoe.vt.edu/~devenpor/aoe3054/manual/expt1/index.html http://www.aoe.vt.edu/~devenpor/aoe3054/manual/expt1/index.html].
* [Löffelmann, 1998] Helwig Löffelmann , Visualizing Local Properties and Characteristic Structures of Dynamical Systems, Created at: November, 1998. Retrieved at: November 5, 2009 http://www.cg.tuwien.ac.at/~helwig/diss/

== External Links ==
*[http://en.wikipedia.org/wiki/Flow_visualization http://en.wikipedia.org/wiki/Flow_visualization]
*[http://en.wikipedia.org/wiki/Computational_fluid_dynamics http://en.wikipedia.org/wiki/Computational_fluid_dynamics]
*[http://www.ilight.com/ FieldView, a software for simulating, streamlines around a solid surface]

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 02 - Aufgabe 1 - Flow Visualization

2009-11-05T19:52:09Z

UE-InfoVis0910 0625209:

Flow visualization is a process of making the physics of fluid flows visible in oder to analyse it.

== Definition ==
{{Quotation|To be able to recognize the motion of the fluid, one must therefore provide a certain technique by which the flow is made visible. Such methods are called flow-visualization techniques.|[Merzkirch, 1987]}}

== Overview ==
Flow visualization is a modern technique to visualize motions and patterns of mostly invisible fluids, e.g. gas, air or water.
Main target is to make flows in a specific context visible so that it can be analyzed.
Application areas for flow visualization are e.g. in aviation, or aerodynamic.

In fact, there are several ways how to do this. Generally we can divide into two main methods:

[[Image:e398-inflatable.jpg|right|thumb|150px|Figure 1]]
[[Image:2-01-AERO-Papodopoulos.jpg|right|thumb|150px|Figure 2]]
[[Image:HyFish.jpg|right|thumb|150px|Figure 3]]
=== Physical methods===
Physical methods are an experimental approch on flow visualization. Basically these techniques can further be divided into three groups [Löffelmann, 1998]:
* Adding foreign material
:These methods work by adding small particles, e.g. smoke or oil, to the fluid to make it visible. Figure 1 gives an example for using smoke in a wind tunnel.
* Optical techniques
:These methods work e.g. with the refraction of the light or by working with light beams, where images with shadows and caustics indicate flows.
* Adding heat or energy
:These methods use e.g. gas, where the molecules have been exited by shoting electrons at them, to visualize motion patterns.

The main disadvantage of physical methods is that these techniques require a test system (e.g., a wind tunnel) and therefore, may be limited by physic constraints (e.g., the size of the tunnel) and costs.
=== Computational methods ===
In contrast to physic methods, the motion of fluids can also be expressed by mathematical equations which can be estimated numerically. Thus even supercomputers would take a long time to solve the equations and the solution would only be an estimation of the definite problem, more accurate methods needed to be discovered.

One approach is to discretize the spatial domain into small cells so every single cell can be computed separately. Using this method one gets a mesh grid of the definite fluid motion. Figure 2 shows how such a mesh grid looks like in practice. NASA is testing complex scenarios of its space shuttles like return-to-launch-site and transatlantic abort maneuvers by the use of computational fluid dynamics. The image shows the surface pressure distribution at the speed of Mach 15. Figure 3 shows another shape of how computers can be used for flow visualization.

== References ==
*[Merzkirch, 1987] Wolfgang Merzkirch. ''Flow Visualization, Second Edition''. Academic Press Inc. Ltd., London, 1987.
*[Devenport and Hartwell, 2006] W.J. Devenport and W.L. Hartwell, Experiment 1 - Flow Visualization. Last modified at: December 20, 2006. Retrieved at: November 9, 2007. [http://www.aoe.vt.edu/~devenpor/aoe3054/manual/expt1/index.html http://www.aoe.vt.edu/~devenpor/aoe3054/manual/expt1/index.html].
* [Löffelmann, 1998] Helwig Löffelmann , Visualizing Local Properties and Characteristic Structures of Dynamical Systems, Created at: November, 1998. Retrieved at: November 5, 2009 http://www.cg.tuwien.ac.at/~helwig/diss/

== External Links ==
*[http://en.wikipedia.org/wiki/Flow_visualization http://en.wikipedia.org/wiki/Flow_visualization]
*[http://en.wikipedia.org/wiki/Computational_fluid_dynamics http://en.wikipedia.org/wiki/Computational_fluid_dynamics]
*[http://www.ilight.com/] FieldView, a software for simulating, streamlines around a solid surface

Teaching talk:TUW - UE InfoVis WS 2007/08 - Gruppe 02 - Aufgabe 1 - Flow Visualization

2009-11-05T16:58:52Z

UE-InfoVis0910 0625209: New page: * Bei Bild Nr. 3 wurde der Link zur Quelle aktualisiert

* Bei Bild Nr. 3 wurde der Link zur Quelle aktualisiert

File:HyFish.jpg

2009-11-05T16:57:49Z

UE-InfoVis0910 0625209:

== Summary ==
*Flow around the HyFish at AoA of 25°.

== Copyright status ==
*http://www.smartfish.ch/index.cfm/fuseaction/show/path/1-45-125.htm

== Source ==
*Flow around the HyFish at AoA of 25°.
*http://www.smartfish.ch/index.cfm/fuseaction/show/path/1-45-125.htm

Teaching:TUW - UE InfoVis WS 2009/10

2009-10-29T09:15:31Z

UE-InfoVis0910 0625209:

[[Image:Aigner03infovis ue.gif]] <big>WS 2009/10</big>

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

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

'''Leitung:''' [[Gschwandtner, Theresia|Theresia Gschwandtner]] [gschwandtner (at) ifs.tuwien.ac.at] 
'''Tutorin:''' [[User:Katharina-Anna Wendelin|Katharina-Anna Wendelin]] [e0425160 (at) student.tuwien.ac.at]

== Gruppen ==


[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 01|Gruppe 01 (Sakai, Sverak, <frei>)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 02|Gruppe 02 (Feichtinger, Rezaei, Schindelka)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 03|Gruppe 03 (Lang, Hackl, Hasslacher)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 04|Gruppe 04 (Kaiser, <frei>, Ehsani)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 05|Gruppe 05 (Paizoni, Wuttej, Hudl)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 06|Gruppe 06 (Fried, Fritz, Hiller)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 07|Gruppe 07 (moved, <???>, <???>)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 08|Gruppe 08 (Bauer, Olea, Schwengerer)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 09|Gruppe 09 (Hubmann-Haidvogel, Kloibhofer, Riederer)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10|Gruppe 10 (Kickinger, Ramsauer, Wittmann)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 11|Gruppe 11 (Gastecker, Hahn, Leeb)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 12|Gruppe 12 (Bauer, Eigner, <???>)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 13|Gruppe 13 (Sadauskas, Scheikl, Burger)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15 (Martin, Stix, Lenzhofer)]]

== News / Bemerkungen ==

Liebe TeilnehmerInnen, 
fügt bitte Gruppen mit nur einem oder zwei Mitgliedern selbstständig zusammen,
z.B., Martin Schwengerer geht zur Gruppe 08 und Gruppe 12 verteilt sich auf Gruppe 01 und Gruppe 04. 
Wie ihr euch umverteilt überlasse ich euch. Sollte das nicht funktionieren, bitte ich um
Rückmeldung bis morgen, dann muss ich "nachhelfen" ;). 
Vielen Dank! 
-- [[Gschwandtner, Theresia|Theresia Gschwandtner]] 07:27, 29 October 2009 (CEST)

Liebe TeilnehmerInnen, 
aus Datenschutz-Gründen bitte ich euch eure Martrikelnummer
nicht auf eurer InfoVis:Wiki Userseite anzugeben. 
Vielen Dank! 
-- [[Gschwandtner, Theresia|Theresia Gschwandtner]] 09:40, 27 October 2009 (CEST)

Liebe TeilnehmerInnen! 
Um diese Seite einheitlich zu gestalten (auch bezüglich der Vorjahre), schlage ich vor die Nachnamen
der Gruppenmitglieder in Klammer neben der Gruppe anzugeben, 
z.B.: Gruppe XX (Maier, Müller, Mustermann). 
-- [[Gschwandtner, Theresia|Theresia Gschwandtner]] 10:05, 01 October 2009 (CEST)

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 08 - Aufgabe 0

2009-10-29T09:14:55Z

UE-InfoVis0910 0625209: New page: = Aufgabe 0: Wiki Basics = '''Punkte:''' 5 '''Abgabe:''' spätestens bis zum 28.10.2009 über das InfoVis:Wiki == Ziele == * Erlernen von Grundkenntnissen von Wiki Systemen * Vertra...

= Aufgabe 0: Wiki Basics =
'''Punkte:''' 5 
'''Abgabe:''' spätestens bis zum 28.10.2009 über das InfoVis:Wiki

== Ziele ==
* Erlernen von Grundkenntnissen von Wiki Systemen
* Vertrautmachen mit dem [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki]]
* Bildung von 3er-Gruppen und Schaffung der Basis für die weiteren Übungsaufgaben

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 08

2009-10-29T09:13:44Z

UE-InfoVis0910 0625209:

== Gruppenmitglieder ==
[[User:UE-InfoVis0910_0426516|Olea, Christian]] 
[[User:UE-InfoVis0919_0825628|Bauer, Pavol]] 
[[User:UE-InfoVis0910_0625209|Schwengerer, Martin]]

== Aufgaben ==
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 08 - Aufgabe 0|Aufgabe 0]] 
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 08 - Aufgabe 1|Aufgabe 1]] 
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 08 - Aufgabe 2|Aufgabe 2]] 
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 08 - Aufgabe 3|Aufgabe 3]] 
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 08 - Aufgabe 4|Aufgabe 4]]

User:UE-InfoVis0910 0625209

2009-10-27T17:37:07Z

UE-InfoVis0910 0625209:

* '''Name:''' Martin Schwengerer
* '''Age:''' 24
* '''Matrikelnummer:''' xxxxxxx
* '''Studienkennzahl:''' ???
* '''Some Random Number:''' 0239364293423562930472356234
[[{{ns:6}}:martin_sch.jpg]]

Teaching:TUW - UE InfoVis WS 2009/10

2009-10-21T17:08:28Z

UE-InfoVis0910 0625209:

User:UE-InfoVis0910 0625209

2009-10-21T17:02:48Z

UE-InfoVis0910 0625209: New page: * '''Name:''' Martin Schwengerer * '''Age:''' 24 * '''Matrikelnummer:''' 0625209 * '''Studienkennzahl:''' ??? * '''Some Random Number:''' 0239364293423562930472356234 [[{{ns:6}}:martin_sch...

* '''Name:''' Martin Schwengerer
* '''Age:''' 24
* '''Matrikelnummer:''' 0625209
* '''Studienkennzahl:''' ???
* '''Some Random Number:''' 0239364293423562930472356234
[[{{ns:6}}:martin_sch.jpg]]

File:Martin sch.jpg

2009-10-21T16:56:54Z

UE-InfoVis0910 0625209: picture of me

== Summary ==
picture of me
== Copyright status ==

== Source ==