Skip to content
Crew & Co.YOUR DIGITAL CREW ON DEMAND
Case study WEB & DIGITAL / 2026

Disease Surveillance Dashboard — Interactive Analytics Demo

A fully interactive disease-surveillance dashboard — sunburst, treemap, bar-chart race, scatterplots and live-filtering tables — built as one self-contained HTML file on clearly-labelled synthetic data.

Open the live demo
Dark interactive disease-surveillance dashboard with KPI cards and charts
01 THE STORY

The challenge

Teams keep being sold "dashboards" that are static screenshots. We wanted proof of the opposite: a monitoring tool where every chart is clickable, animated and filterable — and opens from a single file with no server, login or install.

The approach

Designed and built as one self-contained HTML document. Chart.js powers the sunburst, treemap, bar-chart race and scatter views; vanilla JavaScript handles cross-filtering and the synthetic data feed; CSS custom properties carry the dark operations-room theme. Every region, disease and case record is dummy data, and every screen says so.

The result

A demo stakeholders can open anywhere — laptop, tablet or phone — and understand without a presentation. Filters, alerts and chart races stay smooth from a single file under 0.6 MB.

02 THE WORK
The full board: trends, treemap and bar-chart race
The full board: trends, treemap and bar-chart race
The same dashboard at phone width
The same dashboard at phone width
Part of the single-file source: hand-written HTML, CSS and JavaScript
Part of the single-file source: hand-written HTML, CSS and JavaScript
04 DELIVERABLES AND TOOLS

Delivered

  • Single-file interactive dashboard (works offline)
  • Six linked chart views with cross-filtering
  • Synthetic 16-week dataset with dummy-data labelling
  • Responsive layout for desktop
  • tablet and phone
  • Handover notes and build documentation

Tools

HTML5 · CSS3 · Vanilla JavaScript · Chart.js · Synthetic data generation

05 THE LONGER STORY

Open it and click anything: the charts filter each other, the alert panel triages itself, and the bar-chart race replays a simulated sixteen-week outbreak window. Nothing here connects to a server — the whole tool is one HTML file, which is exactly the point. It is the kind of monitoring surface we build for public-health, operations and research teams, shown with synthetic data so the honesty rules stay intact.

06 MORE WORK
→ YOUR NEXT STEP

Need something similar? Get a free quote.

Tell us what you have in mind. We’ll say plainly what it takes and when it lands.

Get a free quote See the work