Example

Here is an interactive example that combines all the example diagrams shown on the various diagrams pages, created with the Structurizr DSL and exported to a static web site via the Structurizr CLI. It provides the following features:

  • Double-click to “zoom-in” (look for the magnifying glass icon inside elements).
  • Navigate diagrams via Left, Right, Up, and Down arrows.
  • Zooming and scrolling (+, -, and the mouse scroll wheel).
  • Zoom to width (w), height (h), and content (c).
  • Diagram key (i).
  • Tooltips (t).
  • Animation (, and .).
  • Toggle element descriptions (d).
  • Toggle element metadata (m).
  • Quick navigation (Space).

Open full size...