This snippet (https://gist.github.com/ThomasRohde/eaeb5900756954b0b768e58fe0d247d2) displays an interactive view of the selected model. The snippet is built using Vis.js (https://visjs.github.io/vis-network/docs/network/), 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