1

Visualisierungsmethoden

In der

Praxis

Aus Kapitel 4 des Buches „Information Visualization“ von Chaomei Chen

2

• Fokus und Kontext

• Suchergebnisse

• Das Web

• Kommerzielle Systeme

Gliederung

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

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

5

Fisheye-Views

Graph von 134 US-Städten, normale Version

Fokus und Kontext

6

Fisheye-Views

Graph von 134 US-Städten als Fisheye-View

Fokus und Kontext

7

Fisheye-Views

Graph von 134 US-Städten als 3D-Fisheye-View

Fokus und Kontext

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

9

Hyperbolic ViewInxight‘s Hyperbolic Display

Fokus und Kontext

10

Hyperbolic ViewHyperbolic 3D

Fokus und Kontext

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

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

13

Das WebEines der frühesten Visualisierungsversuche

Suchergebnisse

Quelle: http://www.cs.ubc.ca/local/reading/proceedings/www5/www134/overview.htm

14

WebbookWebseiten in der Form eines Buches

• Rote Links: Ziel innerhalb des Buches• Blaue Links: Ziel außerhalb des Buches

Das Web

15

WebForager

• Links: Bücherregal• Unten: Schreibtisch• Mitte: aktuelles Buch• Hintergrund: Ablageplatz

Das Web

16

Sitemaps

Typisches Darstellungsproblem, dass von MAPA automatisch gelöst werden kann

Das Web

17

SpotfireDecisionSite von Spotfire

Kommerzielle Systeme

18

SequoiaViewEin CushonTreeMap von 5628 Dateien und 667 Verzeichnissen

Kommerzielle Systeme

19

Hivegroup• Erweiterung der Darstellung für Dateisysteme• Größe einer Komponente zeigt nun nicht mehr nur

den Platzbedarf an

Kommerzielle Systeme

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

21

OmniViz‘s RefVizKommerzielle Systeme

22

GrokkerKommerzielle Systeme

23

Tom SawyerGraph Editor Toolkit für Java

Kommerzielle Systeme