Azure Topology Designer

Step 1 Load exports

Import Azure files, or paste raw JSON directly into the workspace.

Step 2 Shape the view

Choose the drill-down level, layout direction, and whether inferred edges should be shown.

Step 3 Review topology

Inspect normalized resources, relationships, and graph health before exporting.

Step 4 Export output

Copy Mermaid, export SVG, or pass the normalized graph to later tooling.

Step 1

Load Azure JSON Data

Azure export files

Multiple files supported. Arrays, single resources, and mixed payloads are normalized into one graph.

Raw JSON

No files selected.

Step 2

Set the drill-down.

Tune view depth, layout direction, and inspection context before you render.

Topology view

Layout direction

Grouping

Inspector filter

Show inferred ARM-ID links Includes relationships discovered from referenced resource IDs in properties. Show containment edges Includes subscription, resource group, and VNet containment structure.

Step 3

Review the topology.

Use the canvas as the primary surface, then move into inventory, detail, and coverage.

Files	0	Resources	0
Nodes in view	0	Edges in view	0
Subscriptions	0	Resource groups	0
Provider namespaces	0	Distinct resource types	0

Diagram

Topology canvas

Build a topology view to render the diagram.

Details

Selected resource

Select a resource from the inventory to inspect its metadata and relationships.

Coverage

Provider namespaces

Coverage

Resource types

Step 4

Mermaid source.

Keep the generated source close at hand for documentation, review, or downstream automation.

Output