做一个数据仪表盘,完整 Prompt 模板直接用

数据仪表盘是练习数据可视化和前端布局的经典项目。这篇文章从「仪表盘到底是什么」讲起,拆解到每一步怎么做,最后给一套完整 Prompt 模板,复制就能用。

先想清楚,仪表盘到底解决什么问题

假设你开了一家网店,每天有几十笔订单。你想知道这个月赚了多少、哪种渠道卖得好、哪天卖得最多。你可以翻每一笔订单记录,但 1000 笔订单翻完,天都黑了。

仪表盘解决的就是这个问题 —— 把散乱的数据变成一眼能看懂的结论。

它做的事情其实很简单,三步:

1. 收集数据（订单记录）
2. 计算汇总（总营收、订单量、转化率）
3. 画成图表（折线、饼图、表格）

你在电商平台后台看到的「卖家中心数据概览」,在股票 App 看到的「自选股行情面板」,在企业 OA 系统看到的「经营分析大屏」,本质上都是仪表盘。

一个标准的数据仪表盘包含 5 个模块。KPI 卡片展示核心指标（总营收、订单量、转化率）,一眼看到全局。趋势图表用折线展示时间维度变化,看清走势。分类占比用饼图或环形图展示分布,线上/线下/分销各占多少。数据表格展示明细,支持排序和分页,往下钻取细节。时间筛选是全局控制,切换日/周/月,所有模块联动更新。

仪表盘的布局,就是三行格子

如果你把仪表盘的页面画成网格,它其实非常规整 —— 从上到下三行。