数据大屏
收集数据监控、业务分析、运营驾驶舱和实时指挥类大屏模板,适合快速复用页面结构和生成提示词。
KCDS-005
上图下表大屏
业务分析上方展示趋势图表,下方展示明细数据表格。
趋势分析明细追溯管理汇报
KCDS-005
KCDS-007
对称分屏大屏
业务分析左右对称展示两个业务维度的对比分析。
双屏对比渠道分析差异结论
KCDS-007
KCDS-012
对比双屏大屏
业务分析上下双屏对比两个时间段或两个维度的数据。
同期对比差异标注复盘
KCDS-012
KCDS-013
漏斗级联大屏
业务分析展示转化漏斗或业务流程的逐级衰减。
转化漏斗流失分析销售运营
KCDS-013
KCDS-015
瀑布纵向大屏
业务分析展示数值的逐级累加或分解过程。
利润拆解成本分析预算执行
KCDS-015
KCDS-018
桑基流向图大屏
业务分析展示数据在不同阶段或类别之间的流动。
流向分析桑基图来源去向
KCDS-018
KCDS-021
日历热力图大屏
业务分析以日历形式展示全年数据分布规律,适合活跃度、销量和运营节奏分析。
日历热力周期分析全年趋势
KCDS-021
KCDS-023
气泡散点图大屏
业务分析展示三维数据分布和聚类关系,适合产品、用户、客户和风险分析。
散点分析聚类异常点
KCDS-023
KCDS-030
趋势预测大屏
业务分析展示历史趋势和未来预测,适合销量、流量、库存、成本和容量规划。
趋势预测置信区间模型分析
KCDS-030
场景说明
上方展示趋势图表,下方展示明细数据表格。
上方看趋势,下方查明细,分析和追溯在一屏完成。
趋势分析明细追溯管理汇报
信息结构
1顶部指标卡
2中部趋势图表
3底部数据表格
生成提示词
生成一张 16:9 中文数据可视化大屏前端 UI 案例图。 场景主题: 上图下表大屏,上方展示趋势图表,下方展示明细数据表格。 核心画面: 上方看趋势,下方查明细,分析和追溯在一屏完成。 页面布局: 1. 顶部指标卡;2. 中部趋势图表;3. 底部数据表格。帮我做一个上图下表的业务分析大屏。顶部展示核心指标卡,中部展示多维趋势图表,底部展示明细数据表格。图表需要支持图例切换、时间范围选择和悬停提示,表格需要有排序、筛选、分页或虚拟滚动。整体保持大屏远距离可读性。 中文 UI 文案: 上图下表大屏、业务分析、趋势分析、明细追溯、管理汇报、实时更新、异常预警、趋势分析、处置进度、数据更新时间。 视觉风格: 深色高端科技风,背景使用石墨黑、深蓝或近黑渐变;数据高光使用青蓝、翡翠绿、琥珀、警示红和白色;卡片采用玻璃拟态、细边框、柔和发光、HUD 网格和精密图表线条;整体像真实可交付的前端大屏截图。 交互与状态: 需要表现可点击筛选、悬停提示、自动刷新、模块独立加载、空状态、错误重试、异常高亮、数据滚动或实时更新动效;交互控件要自然融入大屏,不要像普通后台表单。 细节要求: 画面比例 16:9,模块层级清晰,中文短标签尽量清楚可读;包含真实业务数字、趋势箭头、图例、状态标签、时间戳、排行榜或告警列表等细节;远距离观看主指标醒目,近距离查看仍有丰富信息密度。 避免: 英文、乱码、品牌 logo、水印、浏览器边框、人物、营销海报风、空洞装饰、单调纯蓝背景、纯静态线框图。

