A polished, self-contained sales dashboard prototype built as a handoff-ready starter project.
- Executive KPI cards
- Revenue trend visualization
- Pipeline by stage
- Lead source mix
- Sales rep leaderboard
- Product performance view
- Forecast snapshot
- Auto-generated insights
- Filterable opportunity table
- CSV export for filtered results
- Seeded sample dataset with 2,600 records
This dashboard is organized around the metrics sales teams typically use to evaluate performance:
- Closed-won revenue
- Open pipeline value
- Win rate
- Average deal size
- Average sales cycle
- Quota attainment
- Lead source performance
- Rep-level performance
These are commonly highlighted in sales dashboard guidance from platforms like Salesforce, Tableau, and HubSpot.
Because this build is intentionally lightweight, you can open index.html directly in a browser.
For a local server instead:
python -m http.server 8000Then open http://localhost:8000
index.html— app structurestyles.css— dashboard stylingdata.js— seeded sample datasetapp.js— filtering, metrics, rendering, export logic
- Replace
data.jswith live CRM or warehouse data. - Add authentication and role-based access.
- Add drill-down pages for rep, region, and account detail.
- Move calculations server-side for very large datasets.
- Add time-series forecasting and anomaly alerts.
- Connect to tools like Salesforce, HubSpot, PostgreSQL, BigQuery, or Snowflake.
- Add scheduled PDF/email reporting.
This is a front-end prototype intended to demonstrate product thinking, dashboard structure, and UX. It is designed to be easy to review, extend, and integrate into a larger system.