Proceedings: GI 2004

Interactive image-based exploded view diagrams

Wilmot Li , Maneesh Agrawala , David Salesin

Proceedings of Graphics Interface 2004: London, Ontario, Canada, 17 - 19 May 2004, 203-212

DOI 10.20380/GI2004.25

  • Bibtex

    author = {Li, Wilmot and Agrawala, Maneesh and Salesin, David},
    title = {Interactive image-based exploded view diagrams},
    booktitle = {Proceedings of Graphics Interface 2004},
    series = {GI 2004},
    year = {2004},
    issn = {0-89791-213-6},
    isbn = {1-56881-227-2},
    location = {London, Ontario, Canada},
    pages = {203--212},
    numpages = {10},
    doi = {10.20380/GI2004.25},
    publisher = {Canadian Human-Computer Communications Society},
    address = {School of Computer Science, University of Waterloo, Waterloo, Ontario, Canada},
    keywords = {Layout and Visualization},


We present a system for creating interactive exploded view diagrams using 2D images as input. This image-based approach enables us to directly support arbitrary rendering styles, eliminates the need for building 3D models, and allows us to leverage the abundance of existing static diagrams of complex objects. We have developed a set of semi-automatic authoring tools for quickly creating layered diagrams that allow the user to specify how the parts of an object expand, collapse, and occlude one another. We also present a viewing system that lets users dynamically filter the information presented in the diagram by directly expanding and collapsing the exploded view and searching for individual parts. Our results demonstrate that a simple 2.5D diagram representation is powerful enough to enable a useful set of interactions and that, with the right authoring tools, effective interactive diagrams in this format can be created from existing static illustrations with a small amount of effort.