SuperAPI AI 工具集

dataviz

数据与分析

查看项目

更新于 10-16 08:49

技能介绍

用途:为监控与可观测性仪表盘提供数据可视化规范,帮助在运维压力下快速、准确判断。范围含图表选择、编码精度、配色、布局与层级、时间序列约定、可观测性框架(RED、USE、Four Golden Signals、SLO/SLI)、反模式与评审标准;不含 Grafana JSON/面板机制、告警规则定义与查询语法。

主要能力:编码层级按 Cleveland & McGill(1984)从准到不准为共同尺度上的位置、非对齐尺度位置(小倍数)、长度(条形)、角度/斜率(饼图)、面积、体积(3D)、色彩饱和度/亮度、色相(仅类别)。图表选择:随时间变化量用折线;离散类别排序用条形,不用饼图;部分与整体用堆叠条形/面积,≤5 个组件且总量有意义;时点分布用直方图,随时间用热力图;单一数字用 stat 面板,带趋势用 sparkline;对标目标用条形仪表;两指标关系用散点;明细用表格配 sparkline 单元格;多实体状态用状态时间线。须选数据形状允许的最高编码。

配色:语义固定为绿=正常、黄=警告、红=严重、蓝=信息、灰=无数据,一个仪表盘一套映射;量级用顺序色(单色或 Viridis),基线异常用发散色,系列身份用类别色(约 10 种上限);色彩须冗余,配文字、位置或形状;避免红绿作为唯一信号;数值文字满足 WCAG 4.5:1;不用彩虹色。Grafana 默认:状态面板用阈值取色,多系列时间序列用 Classic 调色板,热力图用顺序连续色,非状态数值用单色。

布局:用户按 F/Z 模式扫描,左上最受关注。分层:第一层 2–4 个主 KPI 无需滚动,第二层趋势与拆分,第三层下钻与原始表;初始视口 ≤12 个面板。网格列宽统一(6/8/12),同行等高,用行/标签分组而非装饰边框。渐进披露:标题→趋势→拆分→追踪,顶部 3 秒回答“是否正常”。

时间序列:宽高比 2:1–4:1;比率、速率、计数、有界分数须零基线,仅在变化本身即信号的无界量级可省略,且不得静默截断;插值默认线性,运维仪表盘不用平滑曲线,离散状态用 step,闭合桶聚合用条形;延迟与队列深度取 max,吞吐取 avg;Prometheus rate() 内用 $__rate_interval;双 Y 轴仅用于相关信号;默认不堆叠,仅当总量有意义时堆叠。

框架与 SLO:面向用户服务用四大黄金信号或 RED,资源用 USE。SLO 仪表盘含 SLI 当前值、剩余错误预算、燃烧率、达标趋势、燃尽图、多窗口燃烧告警状态。

应用与限制:流程为先确定仪表盘回答的问题,再选框架、分层、套用编码层级、锁定语义色。评审时指出面板与规则并给修复,区分错误与风格偏好。资料未提供具体价格与平台信息;本技能仅涉设计规范,Grafana 机制、告警规则与查询语法由同级技能负责。