用途:Dashboard Design 用于设计“用布局讲故事”的仪表盘。核心原则是阅读顺序等于故事顺序:KPI 回答“是什么”,图表回答“为什么”,表格回答“多少”,下钻回答“给我更多”。
主要能力:提供多种布局模式(倒金字塔、Z 型、F 型、中心辐射、叙事滚动),其中倒金字塔为参考模式,结构为页头、KPI 行、控件、主图、两张辅助图、数据表、页脚,并可弹出下钻模态。KPI 卡片遵循“指标+变化+上下文”模式,含主值、标签、变化箭头与百分比、迷你趋势线、副标题、图标与强调色;建议 3-6 个 KPI,各回答不同问题,至少含一个变化值。筛选架构分全局筛选、图表内筛选、交叉筛选、下钻与搜索,全局筛选常驻可见,需有“全部/重置”,状态需明确标示。叙事流按 KPI、主图、辅助图、表格、下钻分层递进,并做渐进披露。
使用方式:默认输出单个自包含 HTML 文件,零构建步骤,数据内嵌为 JavaScript 数组或对象,仅通过 jsdelivr 引入 Chart.js 4.x,使用 CSS grid 的 auto-fit、minmax 与媒体查询实现响应式,用 CSS 自定义属性做主题,要求语义化 HTML、ARIA 标签与图表替代文本,并提供打印样式。也可面向 Power BI、Streamlit、React 输出,未指定时默认 HTML。
适用场景:高管仪表盘、营销与消费者看板、数据密集型分析看板、探索型看板、数据故事与报告。高管仪表盘遵循 5 视觉元素规则:1 行 KPI、1 张主图、2 张辅助图、1 张数据表。
限制:资料未提供安装命令、收费与价格信息;具体平台实现细节(如 DAX、Plotly 用法)仅列出方向,未展开。