Snippet: Explore the entire model

Started by Thomas Rohde, November 27, 2022, 07:10:43 AM

Previous topic - Next topic

Thomas Rohde

This snippet displays an interactive view of the selected model. The snippet is built using Vis.js, and uses ArchiMate graphics exported as SVGs from Archi.

Usage:
  • Select an element to highligt closest elements
  • Right-click for options
  • Hover over a node to see documentation and properties

ToDo:
  • Put the element names inside the ArchiMate elements
  • Blur distant relationships when selecting a node
  • Tooltip for relationships

This have only been tested on Windows 10 with Edge 107.

Explore.png