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 IEEE VIS:

Presentation at IEEE VIS:

Get the videos:


Main Reference:

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(8):3493–3504, August 2021.

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}, number = {8}, month = aug, pages = {3493--3504}, doi = {10.1109/TVCG.2020.2975583}, doi_url = {https://doi.org/10.1109/TVCG.2020.2975583}, oa_gold_url = {https://doi.org/10.1109/TVCG.2020.2975583}, oa_hal_url = {https://hal.science/hal-02493893}, url = {https://tobias.isenberg.cc/p/Kouril2021HBD}, url2 = {https://www.cg.tuwien.ac.at/research/publications/2020/kouril-2020-hyperlabels/}, pdf = {https://tobias.isenberg.cc/personal/papers/Kouril_2021_HBD.pdf}, }

Other Reference:

David Kouřil (2021) Interactive Visualization of Dense and Multi-Scale Data for Science Outreach. PhD thesis, TU Wien, Austria, April 2021.

BibTeX entry:

@PHDTHESIS{Kouril:2021:IVD, author = {David Kou{\v{r}}il}, title = {Interactive Visualization of Dense and Multi-Scale Data for Science Outreach}, year = {2021}, school = {TU Wien}, month = apr, address = {Austria}, doi = {10.34726/hss.2021.91703}, doi_url = {https://doi.org/10.34726/hss.2021.91703}, url = {https://www.cg.tuwien.ac.at/research/publications/2021/kouril-2021-phdthesis/}, url2 = {https://tobias.isenberg.cc/VideosAndDemos/Kouril2022MAN}, }

This work was done at and in collaboration with the Research Unit of Computer Graphics at TU Wien, Austria. Also see the project webpage at TU Wien.


This work was supported through the Illustrare project, funded by ANR in France and FWF in Austria.