Illustrative Rendering, Visualization, and Human-Computer Interaction > AVIZ > Inria Saclay / Université Paris-Saclay > Inria

HyperLabels—Browsing of Dense and Hierarchical Molecular 3D Models



We present a method for the browsing of hierarchical 3D models in which we combine the typical navigation of hierarchical structures in a 2D environment—using clicks on nodes, links, or icons—with a 3D spatial data visualization. Our approach is motivated by large molecular models, for which the traditional single-scale navigational metaphors are not suitable. Multi-scale phenomena, e.g., in astronomy or geography, are complex to navigate due to their large data spaces and multi-level organization. Models from structural biology are in addition also densely crowded in space and scale. Cutaways are needed to show individual model subparts. The camera has to support exploration on the level of a whole virus, as well as on the level of a small molecule. We address these challenges by employing HyperLabels: active labels that—in addition to their annotational role—also support user interaction. Clicks on HyperLabels select the next structure to be explored. Then, we adjust the visualization to showcase the inner composition of the selected subpart and enable further exploration. Finally, we use a breadcrumbs panel for orientation and as a mechanism to traverse upwards in the model hierarchy. We demonstrate our concept of hierarchical 3D model browsing using two exemplary models from meso-scale biology.

Paper download:  (16.6 MB)


Fast-Forward for presentation at VIS 2020:

Get the videos:



David Kouřil, Tobias Isenberg, Barbora Kozlíková, Miriah Meyer, M. Eduard Gröller, and Ivan Viola (2021) HyperLabels—Browsing of Dense and Hierarchical Molecular 3D Models. IEEE Transactions on Visualization and Computer Graphics, 27, 2021. To appear.   doi

BibTeX entry:

@ARTICLE{Kouril:2021:HBD, author = {David Kou{\v{r}}il and Tobias Isenberg and Barbora Kozl{\'i}kov{\'a} and Miriah Meyer and Gr{\"o}ller, M. Eduard and Ivan Viola}, title = {{H}yper{L}abels---{B}rowsing of Dense and Hierarchical Molecular {3D} Models}, journal = {IEEE Transactions on Visualization and Computer Graphics}, year = {2021}, volume = {27}, doi = {10.1109/TVCG.2020.2975583}, doi_url = {}, url = {}, url2 = {}, pdf = {}, }

This work was done at and in collaboration with the Institute of Computer Graphics and Algorithms at TU Wien, Austria. Also see the project page at TU Wien.