GCP
Cost Forecast (next 30 days)
30 days of daily GCP cost plus a 30-day forecast — track end-of-month spend before the bill.
Live preview — demo data
Same idea on another cloud
What this pane shows
A daily cost chart covering 30 days of actuals plus a 30-day forecast, with a band representing forecast uncertainty. Useful for catching cost trajectory changes before month-end and for planning around foreseen spikes (a backup window, a marketing event).
Key use cases
- Forecast end-of-month spend against budget two weeks ahead.
- Spot a runaway cost trend within a day rather than a week.
- Plan around foreseen one-off cost events.
- Show stakeholders projected spend with the uncertainty made visible.
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-forecast/cost-forecast.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-forecast-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-forecast/cost-forecast.js" defer></script>
Tier
Available on Builder and above.
Build notes
Mock-only at the moment — live-wiring tracked in the roadmap.