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

Loop and control statements in java

How coding changed my life - (and can change yours too!!!)

Learn Python with programming competitions. #1. Code Jam 2016. Counting Sheep

Programming with Java — User Management Application (Part 2 — Permissions)

How to share data between Docker Containers?

Type Inference and Success Typing

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

Creating and publishing PowerShell Modules to Azure Artifacts with Azure DevOps YAML Pipelines

Monitor your application using Azure Application Insights

Use Azure Application Gateway private link configuration for an internal API Management

SonarQube Scan Azure DevOps Build Pipeline Integration