---
title: "Data dashboard template – Display.dev"
description: "A self-contained HTML dashboard – KPI tiles, a weekly bar chart, and a source table in one file with no external dependencies. Publish it to a URL in one click, no account."
---
# Data dashboard template
A self-contained HTML dashboard – KPI tiles, a weekly bar chart, and a source table in one file with no external dependencies. Publish it to a URL in one click, no account.
- Format: HTML
- Detail page: https://display.dev/templates/data-dashboard
- Raw template file: https://display.dev/template-sources/data-dashboard.html
- One-click anonymous publish (no account): POST the file to https://api.display.dev/v1/public/artifacts as multipart/form-data (`file` field)
## Agent prompt
Build a metrics dashboard for this project on display.dev. Fetch https://display.dev/template-sources/data-dashboard.html as the starting point – it's one self-contained HTML file with KPI tiles, a bar chart, and a breakdown table, no external dependencies. Replace the sample numbers with real metrics from this project and keep the file self-contained (inline CSS, no CDN requests).
Publish it with the display.dev MCP publish tool if connected. Otherwise POST the file to https://api.display.dev/v1/public/artifacts as multipart/form-data (`file` field, optional `name`) – no account needed. You'll get back `previewUrl` (the link to share) and `claimUrl` (one-shot link to take ownership). Reply with both.
## What this template is for
A metrics page you can send as a link instead of a screenshot. Four KPI
tiles with month-over-month deltas, a weekly bar chart with the current
week highlighted, and a per-source breakdown table – all in one HTML file
with inline styles, dark mode included, no chart library, no CDN.
Because it's a single self-contained file, it's exactly the shape agents
produce well: your agent queries the warehouse, writes the numbers into
the markup, and publishes. The rendered page is what your team sees –
styled, responsive, and behind your company's sign-in if you gate it.
## How teams use it
- **A weekly growth or ops readout.** The agent refreshes the numbers and
publishes a new version; the URL in your team channel stays current.
- **A one-off analysis that deserves better than a paste.** Funnel
breakdowns, launch retros, load-test results – anything with four
numbers and a trend.
- **A starting point, not a cage.** It's plain HTML – add a second chart,
swap the table, extend it however the analysis needs.
## Template source
````html
Signups dashboard – July 2026
Signups dashboard
1–21 July 2026 · self-serve funnel · refreshed daily from the warehouse