Charts

Graphen

Implementiert im Rahmen einer Bachelorarbeit von Robert Bohnsack

Setup in Unity

Um die Graphen in Unity zu benutzen, müssen folgende Schritte beachtet werden:

Setup der Szene

Zur Benutzung kann die voreingestellte Szene ChartMigration geöffnet und gestartet werden.

Wer sich die Szene selbst erstellen möchte, folgt der bereits bestehenden Anleitung. Daraufhin müssen noch einige Anpassungen getätigt werden.

• Das VRPlayer Prefab muss mit dem VRPlayer Prefab aus Charts (Assets/SEE/Charts/Prefabs/ChartsPlayer.prefab) ersetzt werden. Der Name sollte dennoch VRPlayer lauten.
• Beim GameObject GamepadPlayer müssen zusätzlich ChartControlDevice und ChartAction belegt werden.
• Dasselbe wie für GamepadPlayer gilt auch für DesktopPlayer
• Das ChartManager Prefab (Assets/SEE/Charts/Prefabs/ChartManager.prefab) muss der Szene hinzugefügt werden. -- Die Länge der Liste NonVrObjects muss auf 2 gestellt werden. Dieser werden die MainCamera und das EventSystem hinzugefügt. -- Dem Kind ChartsVR muss unter CameraTransform das Transform der VR Kamera (VRPlayer $\rightarrow$ SteamVRObjects $\rightarrow$ VRCamera) hinzugefügt werden.

Controller Belegung für VR

Zur Änderung der Controller Belegung vom Unity Editor aus, muss über den Browser verfahren werden. Die entsprechende Seite wird in Unity über Window $\rightarrow$ SteamVR Input $\rightarrow$ Open Binding UI geöffnet. Aufgrund eines Fehlers muss in manchen Fällen zudem der Port in der URL zu 27062 geändert werden. Dies wird möglicherweise in Zukunft behoben. Nun können den Tasten der Controller über ein simples Interface die in Unity definierten Funktionen nach Belieben zugewiesen werden.

Benutzung

Erstellung von Graphen

Desktop

Die Oberfläche zum Erstellen von Graphen kann mit der Taste "G" geöffnet und geschlossen werden. Unten links in der Ecke befindet sich eine Schaltfläche zum Erstellen der Graphen.

VR

Die Aktion zum Erstellen eines Graphen kann über die Controller Belegung beliebig zugewiesen werden.

Benutzeroberfläche der Graphen

In der Folgenden Abbildung ist ein Graph zu sehen, welcher so in der Software auftauchen könnte.

Nr. in Grafik	Funktion
1	Schließt den Graphen
2	Durch ziehen kann die Größe des Graphen verändert werden
3	Gibt an welche Metrik auf der jeweiligen Achse angezeigt wird. Durch einen Klick wird eine Liste geöffnet, aus welcher eine neue Metrik gewählt werden kann
4	Ein Marker. Durch einen einfachen Klick wird dieser, so wie der mit ihm verbundene Knoten und alle anderen mit dem Knoten verbundenen Marker hervorgehoben. Wird dann über ihn gehovert, so wird die Hervorhebung akzentuiert. Durch einen Doppelklick wird die Kamera zu dem verbundenen Knoten bewegt
5	Eine rötliche Einfärbung eines Markers bedeutet, dass dieser einen oder mehrere andere Marker überlagert. Je röter die Einfärbung, desto mehr Marker werden überlagert
6	Diese Zahlen stellen die maximalen und minimalen Werte auf den beiden Achsen dar
7	Ein Infotext, welcher den Namen des verbundenen Knotens, so wie seine Werte für die Metriken auf beiden Achsen enthält
8	Wird diese Schaltfläche gedrückt gehalten, so kann der Graph verschoben werden. Ein Klick führt zur Minimierung des Graphen
9	Aktiviert oder deaktiviert die Seitenleiste des Graphen

Benutzeroberfläche der Seitenleiste

Nr. in Grafik	Funktion
1	Über diese Schalfläche lässt sich zwischen der Ansicht als Baum und der Standardansicht wechseln
2	Diese Schaltfläche aktiviert oder deaktiviert den Knoten im aktuellen Graphen. Ist der Knoten kein Blattknoten, so werden alle darunter liegenden Knoten auch deaktiviert
3	Der Name des Knotens

Hotkeys

Taste	Funktion
G	Öffnet oder schließt die Graphenoberfläche
Strg	Solange diese Taste gedrückt gehalten wird bleibt der Auswahlmodus aktiviert. Dieser bewirkt, dass aktive Hervorhebungen nicht automatisch deaktiviert werden. In VR haben Graphen eine extra Schaltfläche hierfür

Anpassbare Werte im Chart Manager

Über den Chart Manager lassen sich die meisten Werte, welche bei der Nutzung der Graphen relevant sind, anpassen. Das kann zum Beispiel die Farbe der Hervorhebungen oder die Zeit in welcher ein Doppelklick registriert wird sein. Hier eine Übersicht:

Name	Funktion
Settings
Minimum Size	Minimale Größe eines Graphen
Click Delay	Zeit, in welcher ein zweiter Klick als Doppelklick registriert wird
Drag Delay	Die Zeit, nach welcher ein Graph nach anpassen der Größe seinen Inhalt an die neue Größe anpasst
Chart Scroll Speed	Geschwindigkeit des Scrollens mit dem Mausrad in der Seitenleiste
Camera Controls
Camera Distance	Abstand, bei welchem die Kamera bei einer Kamerafahrt vor dem Zielobjekt anhält
Move With Rotation	Ob die Kamerafahrt mit oder ohne Rotation ausgeführt wird
Camera Flight Time	Die Zeit, in welcher die Kamera bei einer Kamerafahrt ihr Ziel erreicht
Highlights
Building Highlight Material	Das Material auf hervorgehobenen Knoten
Building Highlight Material Accentuated	Das Material auf Akzentuierten Knoten
Highlight Outline	Die Größe der Hervorhebung
Standard Color	Die Farbe einer Hervorhebung
Accentuation Color	Die Farbe einer Akzentuierung
Highlight Line Length	Die Länge des Strahls, welcher über hervorgehobenen Knoten erscheint
Highlight Duration	Die Zeit bis eine Hervorhebung automatisch deaktiviert wird
VR
Pointer Length	Die Länge des Pointers in VR
Distance Threshold	Der minimale Abstand zwischen dem Nutzer und einem Graphen in VR

Quellen

In der Benutzeroberfläche der Graphen tauchen einige Grafiken auf. Diese stammen aus folgenden Quellen:

• Icon zum Schließen von Graphen: Close Window icon icon by Icons8
• Icon zum Verschieben von Graphen: Hand Drag icon icon by Icons8
• Icon zur Größenveränderung: Enlarge icon icon by Icons8
• Icon zum Öffnen der Seitenleiste: flaticon.com by Kirill Kazachek
• Icon Darstellung als Baum: flaticon.com by srip