cyberneticlibrary

Build interactive HTML dashboards from data

dashboard-builderskillsetup L296
TheCraigHewitt/skills
What it does

Build interactive HTML dashboard from data that answers key questions at a glance

Best for

Founders who have data but no visibility into it, and need a single-file dashboard they can open in a browser and immediately see the state of their business without loading Mixpanel/Tableau/BI tool.

Inputs
  • · Data source: file, folder, CSV, spreadsheet, or paste
  • · Topic: sales, project tracking, marketing metrics, finances, etc.
  • · 3-5 key questions the dashboard should answer
  • · Audience: just founder, or team/client share?
Outputs
  • · Single-file HTML dashboard with embedded data and charts
  • · Includes: headline KPI strip, time-series chart, 2-4 breakdown charts, detail table, notes
  • · Filters, hover details, sortable table, responsive layout
Requires
  • · Chart.js, Apache ECharts, or D3 (embedded via CDN or inline)
Preconditions
  • · Data structured with clear schema (columns, data types, date dimension)
  • · Refresh cadence known (one-time build vs data updates expected)
Failure modes
  • · Data quality issues (missing values, duplicates, inconsistent formats) silently ignored instead of flagged
  • · Too many charts (information overload) instead of ruthless focus on 3-5 questions
  • · Large datasets (>1000 rows) not aggregated, making filters slow or UI unresponsive
Trust signals
  • · Headline numbers with trend indicators (vs prior period) before breakdown charts
  • · Light background, muted colors, sparse gridlines (designed for long-session readability)
  • · Number formatting attention ($1.2M not 1247392.41, +12.4% not 0.124)
  • · Filters update all charts simultaneously, not disconnected
  • · Hover details on every chart point, sortable table for drill-in