Visualize dependencies in Azure resource groups with VSCode
Visualization is possible using VS Code extensions and ARM Templates exported from Azure with
ARM Template Viewer
ARM Template Viewer Features
- Resources can be moved by dragging and dropping the mouse.
- Click the resource to see the details in the lower right corner.
- You can filter and add parameter files.
ARM Template error checking
Viewer will display an error if the template is misconfigured. It’s not a check to see if it can be imported, but I think it can be used as a reference.
Extensions to install in VS Code
Open VS Code Extensions search ARM Template Viewer and install it.
ARM Template Viewer - Visual Studio Marketplace
This extension displays a graphical preview of Azure Resource Manager (ARM) templates. The view will show all resources…
How to use ?
Just export ARM Template from Azure, Open the resource group and select the resource group you want to visualize> select Export Template. Copy or download the created ARM Template.
Viewing ARM Template Viewer in VS Code
Open VS Code and paste the copied or downloaded ARM Template. If you change to the JSON format file format, the eye icon will be displayed in the upper right, so click it. Resources are visualized and displayed on the right side of the screen.
Visualization using GitHub samples
If you do not have access to Azure you can use Azure/azure-quickstart-templates: Azure Quickstart Templates that put together ARM Templates on GitHub . From here you can use your favorite ARM Template to visualize without Azure
by the author.