Azure

Cost by Tag

Azure spend grouped by a tag (Environment, Team, CostCenter) — what each slice costs.

Tier Builder

Category Cost

Refresh every 120 min

Scope subscription-wide

Live preview — demo data

Same idea on another cloud

GCP Cost by Label

What this pane shows

Monthly spend split by the values of an Azure tag key. Untagged resources are called out separately so coverage gaps are obvious. Driven by Azure Cost Management's group-by-tag query.

Key use cases

Show-back: bill departments or teams for their share of the Azure bill.
Find the cost of running staging or development environments.
Quantify how much spend is on untagged resources.
Compare cost per environment month-over-month.

How to embed

lp.js is the single-entry loader: it injects the shared LightPane runtime (and sd-embed.css) once per page. Add this pane's own stylesheet and script; the pane mounts itself wherever the matching <div> is in the DOM.

<!-- In <head> — this pane's stylesheet -->
<link rel="stylesheet" href="https://lightpane.io/_pane-tests/azure/cost-by-label-tag/cost-by-label-tag.css">

<!-- Your access key (inline, or set window.lpEmbed.accessKey from your own JS) -->
<script>window.lpEmbed = { accessKey: "<your-access-key>" };</script>

<!-- Where the pane should appear -->
<div class="lp-azure-cost-by-label-tag-panel" data-lp-account="<your-account-alias>"></div>

<!-- Before </body> — shared loader + this pane's script -->
<script src="https://lightpane.io/embed/lp.js"></script>
<script src="https://lightpane.io/_pane-tests/azure/cost-by-label-tag/cost-by-label-tag.js" defer></script>

Tier

Available on Builder and above.

Build notes

Mock-only at the moment — live-wiring tracked in the roadmap.