GCP

Cost by Label

GCP spend grouped by a label (environment, team, application) — what each slice costs.

Tier Builder

Category Cost

Refresh every 120 min

Scope project-wide

Live preview — demo data

Same idea on another cloud

Azure Cost by Tag

What this pane shows

Monthly spend split by the values of a GCP label key. Unlabelled resources are called out separately so coverage gaps are obvious. Driven by BigQuery billing export when configured.

Key use cases

Show-back: bill departments or teams for their share of GCP spend.
Find the cost of running staging or development environments.
Quantify how much spend is on unlabelled 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/gcp/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-gcp-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/gcp/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.