You describe zones, nodes and edges as plain data. isoplan lays the zones out as stacked slabs, puts an isometric building on each node by its kind and animates the path along every link. Hover or focus a piece and it lights up with its links and the pieces it talks to.
I extracted isoplan from the case pages on this site, where it draws the architecture of each project. Besides the React component, it has a framework-free core that returns the SVG as a string, so you can render it on the server or outside React.
It is for anyone writing docs, a case study or a technical post who wants to show an architecture without drawing it by hand. In the playground you paste your graph and copy the SVG.
