Visualize climate data with temperature trends, CO2 levels, sea ice extent, and regional comparison charts. Build a comprehensive, data-rich climate science dashboard that makes global warming data accessible, understandable, and compelling for any audience.
Build Prompt
Copy this prompt into Claude Code
Build a static HTML climate data dashboard. Dark theme: background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent #a78bfa (violet). All data inline as JavaScript constants. No external APIs — use hardcoded historical data from public sources (NASA GISS, NOAA, Scripps).
Data constants:
- GLOBAL_TEMP: array of { year, anomalyC } from 1880–2024, temperature anomaly vs 1951–1980 baseline
- CO2_LEVELS: array of { year, ppm } from 1958–2024 (Keeling Curve data)
- SEA_ICE: array of { year, septExtentMkm2 } Arctic September minimum, 1979–2024
- SEA_LEVEL: array of { year, mmAbove1993 } from 1993–2024
- REGIONAL_TEMP: object with regions (Arctic, Antarctic, NorthAmerica, Europe, Asia, Africa, SouthAmerica, Oceania), each with array of { year, anomalyC }
- EXTREME_EVENTS: array of { year, type, count, notes } for hurricanes, wildfires, floods
Layout: Dashboard header with last-update badge and data source citations. 4 KPI cards at top: current CO2 ppm (with vs pre-industrial comparison), global temp anomaly latest year, Arctic sea ice loss %, sea level rise since 1993.
Charts (all inline SVG, pure JS rendering):
1. Global Temperature Anomaly line chart (1880–2024): show anomaly as red/blue bars above/below baseline. Add a 10-year moving average line in #a78bfa.
2. CO2 Keeling Curve (1958–2024): line chart with seasonal oscillation visible. Mark 350 ppm (safe boundary) and 400 ppm (first breach) as horizontal reference lines.
3. Arctic Sea Ice Extent (1979–2024): area chart with trend line. Color the area blue, shading to lighter blue as extent decreases.
4. Sea Level Rise (1993–2024): line chart with linear trend extrapolation to 2050 shown as dashed line.
5. Regional Comparison bar chart: selectable year, bars per region, color-coded by anomaly severity.
6. Extreme Events timeline: horizontal dot-plot per year showing event counts by type.
Region selector: Click a region to update the Regional Temperature chart focus. Add a year range slider (1960–2024) that filters all charts simultaneously.
Sources section: List all data sources with links to NASA, NOAA, IPCC.
SEO: title, meta, OG tags, JSON-LD Dataset schema with temporalCoverage and measurementTechnique. Include a plain-language explainer for each metric below each chart.
Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].
Make It Yours
Country-Level Drilldown
Add country-specific temperature and emissions data with rankings by warming rate and per-capita emissions.
Emissions by Sector
Add a donut chart breaking down CO2 emissions by energy, transport, agriculture, industry, and buildings.
Future Projections
Show IPCC scenario projections (SSP1, SSP2, SSP5) as multiple forecast lines extending to 2100.
Tipping Points Overlay
Mark known climate tipping points (1.5°C, 2°C, 4°C) on the temperature chart with explanatory tooltips.
Solutions Tracker
Add a second tab tracking renewable energy capacity growth, EV adoption rates, and reforestation progress.
Annual Data Update
Use the agent to pull the latest annual data from NASA and NOAA summary reports and refresh the constants.
Update Prompt
Update Prompt — Refresh data with latest annual figures
Update the GLOBAL_TEMP, CO2_LEVELS, SEA_ICE, and SEA_LEVEL arrays with the latest available annual data point for each dataset. Update the KPI cards to reflect the new current values. Update the last-updated badge. Redeploy.
SEO Tips
Target "global temperature chart," "CO2 levels 2024 graph," and "climate change data visualization" — high-volume informational queries.
JSON-LD Dataset schema signals to Google that this is a data resource, improving eligibility for data-rich result features.
Publish annual data update posts when new NOAA and NASA figures drop in January — news-cycle search spikes are significant.
Include numbered plain-language "Key Takeaways" under each chart — these are prime candidates for featured snippet extraction.
Cross-link to carbon footprint calculator and country fact sheets to build topical authority in the climate/environment niche.
Monetization Ideas
Affiliate links to climate books, sustainability products, and green investing platforms in a curated sidebar.
Educational licensing to schools and universities as a curriculum-aligned climate data tool.
Embed ads from sustainability-focused advertisers (solar companies, EV brands, carbon offset providers).
Sell downloadable data export packs (CSV + chart images) for journalists and researchers.
Grant-funded development partnerships with environmental non-profits for expanded country-level coverage.