The gallery
36 blocks, each one a complete application.
These are single portal blocks — one HTML file each — extracted from my experiments portal and frozen with synthetic datasets generated by seeded scripts in this site’s own repository. No client data, no live backend: each block is completely self-contained. Click any card and run it.
Command centers18
Single-block operations dashboards: one HTML file each, with their filters, drill-downs and scenario controls intact.
Runs in browserCloud FinOps — Waste Under Commitment
Idle spend, rightsizing headroom and commitment coverage, read from FOCUS-shaped billing data.
158 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserOffice Portfolio — Net Effective Rent & Rollover
Net effective rent, concessions and rollover exposure across 140 executed office deals.
74 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserNet Tuition Revenue & Enrollment Funnel
Reconciles planned to actual net tuition revenue through the admissions funnel, discount by discount.
132 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserEquipment Rental Portal
Rental balance and utilization over time for an equipment fleet, drill-downs included.
64 kB of self-contained HTML/CSS/JS · 3 embedded queries
Runs in browserFresh Waste & Availability
Shrink attribution and markdown timing at item × store × ISO-week grain, with a profit-gap bridge that reconciles exactly.
125 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserFreshness Debt
Data-product freshness against promised deadlines across thirteen nights: waiting time, run time, minutes past the promise.
169 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserWarranty Cost Maturity & Supplier Recovery
Warranty cost per unit, maturity curves and supplier recovery, program by program.
127 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserWhere the Megawatts Go
A manufacturing site’s twelve-month energy balance, losses first, with a currency toggle.
70 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserHiring Cycle Ownership & Cost of Vacancy
Who owns each day of the hiring cycle, and what the vacancy costs while they do.
174 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserNon-Revenue Water Economics
Water-loss economics per district metered area — every indicator a ratio of sums, prioritised for loss control.
115 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserOR Block-Time Yield
Every allocated prime-time operating-room minute accounted for: what produced surgery, what was lost, what was sellable.
142 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserPayment Leakage & False Declines
Purchase-intent cohorts traced through authorization: what leaked, what was falsely declined, what it cost.
115 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserDistribution Reliability
Attributes every customer-minute of outage to a cause, then prices the reliability programme against it.
127 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserRetail Returns Economics
What returns actually cost: margin reversed, cost to process, value not recovered, goods never returned.
113 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserSupply Network Blast Radius
N-tier supplier risk: which upstream failures reach revenue, and through which paths.
112 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserPost-Acute Referral-to-Margin
Joins the front of the referral funnel to the back of the ledger: bed-day yield by referral source.
126 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserSourcing Savings Realization
One row per initiative: hollow marker negotiated, filled marker realized, and the arrow is the leak.
161 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserTrade Promotion True-Incremental ROI
What the lift really was and where the money leaked, across thirty promotion events.
83 kB of self-contained HTML/CSS/JS · 1 embedded query
Analytics & charts12
Chart-first experiments — custom visual forms that an off-the-shelf chart library does not offer.
Runs in browserMultichannel Agency Dashboard
Campaign spend and response across channels for a home-services demo agency.
72 kB of self-contained HTML/CSS/JS · 9 embedded queries
Runs in browserCampaign Cosmos
A marketing dataset drawn as a small universe to explore.
76 kB of self-contained HTML/CSS/JS · 3 embedded queries
Runs in browserEmployee Journey Dashboard
Executive overview of hiring, tenure and attrition across the employee lifecycle, charted entirely in inline SVG.
76 kB of self-contained HTML/CSS/JS · 3 embedded queries
Runs in browserFlyway Bottleneck Telemetry Map
Migration trails over world-atlas geometry; trail colour is protection status at that instant.
50 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserTears of Saint Lawrence
A Perseid night rendered as a photographic plate: radiant, meteors, and the moon getting in the way.
137 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserVolatility Surface Studio
An options volatility surface to rotate, slice and stress.
102 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserLone Star Regional Health
A fictional health system’s veteran-care initiative, told as a scrolling data story.
62 kB of self-contained HTML/CSS/JS · 2 embedded queries
Runs in browserMarketing Performance Dashboard
A ten-chart marketing performance dashboard running on embedded demo data.
54 kB of self-contained HTML/CSS/JS · 3 embedded queries
Runs in browserPE Portfolio Dashboard
Fund-level view of holdings, sector exposure and performance from embedded data.
47 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserRunner Job Health Explorer
Twelve queries of job telemetry — schedules, failures and durations — in one explorer.
100 kB of self-contained HTML/CSS/JS · 12 embedded queries
Runs in browserBlast Radius — Network View
The supplier network itself, traversable tier by tier.
42 kB of self-contained HTML/CSS/JS · 2 embedded queries
Runs in browserThe Perseids — A Field Guide
A long-read field guide to the northern summer 2026 Perseids, charts set inline with the text.
61 kB of self-contained HTML/CSS/JS · 3 embedded queries
Data engineering2
Pipeline lineage, job health and telemetry visualizers, built against runner metadata.
Runs in browserCritical Path Flame
Distributed-trace spans as a flame chart, cut to the critical path.
82 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserPipeline Lineage Explorer
Job lineage as an explorable graph: what feeds what, and what ran last.
66 kB of self-contained HTML/CSS/JS · 1 embedded query
Games & simulations1
Physics toys that happen to live in a BI portal.
Generative art3
Canvas experiments with no business excuse at all.
Runs in browserResonance Table
Cymatic patterns on canvas, driven by a single embedded query.
68 kB of self-contained HTML/CSS/JS · 1 embedded query
Runs in browserAtlas of Terra Incognita
A procedural atlas: coastlines, relief and place-names invented on every load.
197 kB of self-contained HTML/CSS/JS · no external data
Runs in browserSuperposition Loom
A generative loom drawing interference patterns on canvas.
78 kB of self-contained HTML/CSS/JS · no external data