GCP

Cost Summary

Month-to-date GCP spend by service, region and project, with top movers since last month.

Tier Builder

Category Cost

Refresh every 60 min

Scope project-wide

Live preview — demo data

Same idea on another cloud

AWS Cost Summary Azure Cost Summary

What this pane shows

GCP project-level spend so far this month, broken down by service (Compute Engine, Cloud SQL, Cloud Storage, BigQuery, etc.), region and (in multi-project organisations) project. A 30-day trend line and a top-movers list provide month-over-month context.

Key use cases

Track "are we on budget?" without opening the Cloud Console.
Spot the service or region driving an unexpected uptick.
Roll up multi-project spend for a finance update.
Share a single summary image with leadership.

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-summary/cost-summary.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-summary-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-summary/cost-summary.js" defer></script>

Tier

Available on Builder and above.

Build notes

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