Visualize dependencies in Azure resource groups with VSCode

Photo by Lukas Blazek on Unsplash


Visualization is possible using VS Code extensions and ARM Templates exported from Azure with ARM Template Viewer

ARM Template Viewer Features

  1. Resources can be moved by dragging and dropping the mouse.
  2. Click the resource to see the details in the lower right corner.
  3. 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.

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.




DevOps Consultant. I’m strongly focused on automation, security, and reliability.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Why do we need a virtual environment ?

Show What’s Done but Not Yet Relea sed


Debug Code with the Debug Module

How studying at Openclassrooms shaped my life as a Software Developer

Why Engineers Cannot Estimate Time

I ‘fixed’ execution plan regression with optimizer_features_enable, what to do next?

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


DevOps Consultant. I’m strongly focused on automation, security, and reliability.

More from Medium

Azure DevOps YAML cheat sheet

Self-hosted Linux Agent on Azure DevOps in 5 minutes!!

Using counters in Azure DevOps pipeline to increment assembly version numbers

Docker Basics: Windows Host Volumes