Claude Opus 5.5 in OpenCode 1.18.32

Build an interactive SaaS growth dashboard from the exact dataset below (CSV: one row per month and plan with customers at the start of the month, new and churned customers during it, and the monthly list price per customer in US dollars). Embed the data in the page verbatim and compute every number from it; do not invent or alter any value. Ending customers = customers_start + new_customers - churned_customers, and MRR = ending customers x price_usd.

month,plan,customers_start,new_customers,churned_customers,price_usd
2025-05,Starter,220,36,15,19
2025-05,Team,90,10,3,79
2025-05,Enterprise,12,3,0,499
2025-06,Starter,241,39,15,19
2025-06,Team,97,12,3,79
2025-06,Enterprise,15,1,1,499
2025-07,Starter,265,46,16,19
2025-07,Team,106,9,4,79
2025-07,Enterprise,15,1,0,499
2025-08,Starter,295,33,24,19
2025-08,Team,111,18,3,79
2025-08,Enterprise,16,2,0,499
2025-09,Starter,304,29,18,19
2025-09,Team,126,13,4,79
2025-09,Enterprise,18,3,0,499
2025-10,Starter,315,47,23,19
2025-10,Team,135,16,6,79
2025-10,Enterprise,21,2,1,499
2025-11,Starter,339,36,20,19
2025-11,Team,145,13,4,79
2025-11,Enterprise,22,3,0,499
2025-12,Starter,355,45,25,19
2025-12,Team,154,17,6,79
2025-12,Enterprise,25,0,0,499
2026-01,Starter,375,38,26,19
2026-01,Team,165,16,4,79
2026-01,Enterprise,25,2,0,499
2026-02,Starter,387,28,31,19
2026-02,Team,177,15,25,79
2026-02,Enterprise,27,1,0,499
2026-03,Starter,384,31,25,19
2026-03,Team,167,17,5,79
2026-03,Enterprise,28,2,1,499
2026-04,Starter,390,29,20,19
2026-04,Team,179,9,6,89
2026-04,Enterprise,29,1,0,549
2026-05,Starter,399,32,34,19
2026-05,Team,182,16,6,89
2026-05,Enterprise,30,2,0,549
2026-06,Starter,397,30,33,19
2026-06,Team,192,12,8,89
2026-06,Enterprise,32,0,1,549
2026-07,Starter,394,43,27,19
2026-07,Team,196,15,8,89
2026-07,Enterprise,31,0,1,549
2026-08,Starter,410,41,28,19
2026-08,Team,203,17,7,89
2026-08,Enterprise,30,0,0,549
2026-09,Starter,423,43,35,19
2026-09,Team,213,15,5,89
2026-09,Enterprise,30,2,0,549
2026-10,Starter,431,28,25,19
2026-10,Team,223,19,7,89
2026-10,Enterprise,32,3,1,549

The dashboard needs: KPI cards for current MRR, MRR growth over the period, current customers, average monthly logo churn rate and net revenue retention estimate; a stacked area chart of MRR by plan over time; a waterfall chart that decomposes the most recent month's MRR change into new, churned and price-change effects; a churn-rate line per plan with any month above twice its plan's average flagged and explained in an annotation; a cohort-style table of customers by plan and month with heat colouring; plan and date-range filters that update every chart; hover or tap tooltips with exact values; and a short auto-written insights panel (three sentences) computed from the data, such as which plan drives growth and when prices changed. Use a refined, modern product-analytics look. So the page is alive without input, on load the charts animate in and then a guided tour cycles forever: it highlights each KPI, steps a cursor through the months on the area chart with live tooltips, rebuilds the waterfall, applies and clears a plan filter, and points out the churn anomaly, until the user touches a control.

Save it as index.html in the current directory: one self-contained file with inline CSS and JavaScript only, no libraries or frameworks, and no external requests of any kind (no CDNs, web fonts, images or audio files). It must work when opened directly from disk, fit any window from a 390 px wide phone to a desktop, and run without console errors. You may serve it locally and open it in headless chromium (/usr/bin/chromium, software WebGL, no GPU) to screenshot and inspect your own output, and iterate on your own before finishing. Close any browser you open as soon as you've taken your screenshot.

Copy promptShow all