Build interactive HTML dashboards from data
dashboard-builderskillsetup L2★96
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