Azure Resource Manager Template Visualizations
There are a few ways to visualize ARM Templates, with one of the most prevalent examples being ARMVIZ.io - if only because its linked from every "QuickStart" example that Microsoft offers in the Azure Resource Manager QuickStart Templates repository.
Being able to share visualizations with others in a browser is nice, but its more relevant and powerful if you can visualize your templates locally as you author them. Personally, I'm a big fan of VS Code due to its extensible nature with extensions from both Microsoft and the community available in the Visual Studio Marketplace.
There are several extensions available, including the ARM Template Visualizer by ytechie which is a wrapper for ARMVIZ and embeds it locally in an iFrame in VS Code.
While it's nice to have ARMVIZ locally, its not really local with just the iFrame embed of an existing side. Recently, a new visualization extension was released by Ben Coleman called ARM Template Viewer. There's a couple of nifty things this extension does:
If uses a combination of the official icons for Azure and directly SVGs from the Azure portal, so when you see a service represented in the extension, you're looking at the same icon you see in the Azure portal.
You can drag icons on the canvas to change the layout, and then use the "re-fit" function to get the zoom reset if you don't like the default layout (handy for screenshots!)
ARM Template Visualizer is being rapidly iterated on and has had multiple releases. It is slowly replacing ARMVIZ for me and it might for you as well.













