Developed for my bachelor's thesis this projects uses state-of-the-art visualization techniques to render a hierarchical multi-layer datasets in VR directly in the browsers.
Immersive Exploration of Hierarchical Networks in VR
The motivation for this project was to enable visualization of hierarchical multi-layer datasets in a VR environment. We believe, that this can improve the visual clutter for large node-links graphs as seen here. The set goals for that project were:
Support any number of hierarchical layers.
Use the advantages of immersive analytics for hierarchical network exploration.
Provide support for room scale,standing and seated experience for maximum flexibility.
Provide a flexible navigation through the graph.
Intuitive interaction methods.
The complete thesis can be downloaded here
. For information about the publication see here
Features
To achieve the proclaimed goals our application focuses on these features:
Automatic creation of a force based node layout at runtime.
Hierarchical nested layout with transparent nodes.
Two Navigation Methods:
Free flying
Animated teleport
Intuitive filtering of the displayed links by a virtual laser pointer.
Adaptable flying speed and scale of the virtual scene
Getting Started!
To start the visualization simply click on one of the provided demo datasets. The application starts in the desktop mode. To enter the VR mode click the VR icon in the bottom right corner.
The application is build using A-Frame and the WebVR spec. It can be used with and without an VR headset.
To use it without an VR headset simply click on any dataset.
Currently only Firefox supports the WebVR Spec on Windows. Therefore please switch to Firefox if you want to try out the VR version.
The visualization is optimized for the HTC Vive VR Headset.
VR - Controls
Desktop - Controls
WASD : free fly
Shift : increase fly speed (press multiple times, hold not supported)
Strg : decrease fly speed (press multiple times, hold not supported)
Mouse click : animated Teleport to pointed node
Spacebar : animated Teleport to parent Node
m : filter links for node
l : disable/enable automatic link filtering
+ & - : upscale and downscale scene (not noticeable in desktop mode)