1 visualisierungsmethoden in der praxis aus kapitel 4 des buches information visualization von...
TRANSCRIPT
![Page 1: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/1.jpg)
1
Visualisierungsmethoden
In der
Praxis
Aus Kapitel 4 des Buches „Information Visualization“ von Chaomei Chen
![Page 2: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/2.jpg)
2
• Fokus und Kontext
• Suchergebnisse
• Das Web
• Kommerzielle Systeme
Gliederung
![Page 3: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/3.jpg)
3
Fokus und Kontext
Details Überblick über Zusammenhänge
Allgemeine Herangehensweisen:1. Übersicht und Detail in verschiedenen Anzeigen
Vor und zurück bewegen nötig2. Zoombare Anzeigen
Verlust der Übersicht/des KontextesBeispiel: PAD++
3. Fokus- und KontextanzeigenProbleme bei KontinuitätBeispiele: Bifocal Displays, Fisheye-Views,
perspective Walls
Fokus und Kontext
![Page 4: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/4.jpg)
4
Fisheye-Views
• Nähe zum Fokussierungspunkt bedeutet größere Darstellung
• Regel aussetzen für Objekte von hohem Interesse• „sticky Objects“ werden bei jeder Zoomstufe gleich
angezeigt
Fokus und Kontext
![Page 5: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/5.jpg)
5
Fisheye-Views
Graph von 134 US-Städten, normale Version
Fokus und Kontext
![Page 6: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/6.jpg)
6
Fisheye-Views
Graph von 134 US-Städten als Fisheye-View
Fokus und Kontext
![Page 7: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/7.jpg)
7
Fisheye-Views
Graph von 134 US-Städten als 3D-Fisheye-View
Fokus und Kontext
![Page 8: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/8.jpg)
8
Perspective Wall
• Nachrichten als Streifen auf dem Bildschirm• Mittlerer Streifen ist dick, alle anderen dünn• Auswahl eines Streifen befördert ihn in die Mitte
• Andere Idee:• Mittlerer Streifen für fokussierte Informationen• Andere Streifen für Informationen im Kontext
Fokus und Kontext
![Page 9: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/9.jpg)
9
Hyperbolic ViewInxight‘s Hyperbolic Display
Fokus und Kontext
![Page 10: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/10.jpg)
10
Hyperbolic ViewHyperbolic 3D
Fokus und Kontext
![Page 11: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/11.jpg)
11
Zoombares UI
• Einfach und frei rein und raus zoomen• PAD++ zur Entwicklung von ZUIs• Beispiel der Zoomstufen einer ZUI mit Hilfe von PAD+
+:Sonnensystem -> Erde -> London -> Modell des menschlichen Körpers -> Herz -> Blutzellen usw…
• Für Räumliche Darstellung sinnvoll, z.B. mit VRML
Fokus und Kontext
![Page 12: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/12.jpg)
12
Suchergebnisse
• Envision- Multimedia-Bibliothek für Informatik-Literatur- Suchergebnisse als Matrix von Icons- Farbe des Icons zeigt Relevanz- Sternchen, Diamant, Dreieck
• TileBarsGrafik zeigt Fundstellen der Suchwörter im Dokument
Suchergebnisse
![Page 13: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/13.jpg)
13
Das WebEines der frühesten Visualisierungsversuche
Suchergebnisse
Quelle: http://www.cs.ubc.ca/local/reading/proceedings/www5/www134/overview.htm
![Page 14: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/14.jpg)
14
WebbookWebseiten in der Form eines Buches
• Rote Links: Ziel innerhalb des Buches• Blaue Links: Ziel außerhalb des Buches
Das Web
![Page 15: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/15.jpg)
15
WebForager
• Links: Bücherregal• Unten: Schreibtisch• Mitte: aktuelles Buch• Hintergrund: Ablageplatz
Das Web
![Page 16: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/16.jpg)
16
Sitemaps
Typisches Darstellungsproblem, dass von MAPA automatisch gelöst werden kann
Das Web
![Page 17: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/17.jpg)
17
SpotfireDecisionSite von Spotfire
Kommerzielle Systeme
![Page 18: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/18.jpg)
18
SequoiaViewEin CushonTreeMap von 5628 Dateien und 667 Verzeichnissen
Kommerzielle Systeme
![Page 19: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/19.jpg)
19
Hivegroup• Erweiterung der Darstellung für Dateisysteme• Größe einer Komponente zeigt nun nicht mehr nur
den Platzbedarf an
Kommerzielle Systeme
![Page 20: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/20.jpg)
20
ILOG• JViews: Premium-Suite, inkl. Graphlayout-Bibliothek,
Karten-Bibliothek, usw…• Views Component Suite: interaktive 2D-Grafiken,
Charts, Kartendaten in einer Umgebung• Discovery: enthält Treemaptool Namens „File System
Analyzer“
Kommerzielle Systeme
![Page 21: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/21.jpg)
21
OmniViz‘s RefVizKommerzielle Systeme
![Page 22: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/22.jpg)
22
GrokkerKommerzielle Systeme
![Page 23: 1 Visualisierungsmethoden In der Praxis Aus Kapitel 4 des Buches Information Visualization von Chaomei Chen](https://reader033.vdokument.com/reader033/viewer/2022051515/55204d6149795902118b51bd/html5/thumbnails/23.jpg)
23
Tom SawyerGraph Editor Toolkit für Java
Kommerzielle Systeme