可视化度量
1）成像目标
快速理解：在3-5秒内识别趋势/异常/移位。
对比正确：时期，细分，变体A/B。
相信数据：显示不确定性，来源，新鲜。
行动：图表旁边是CTA、过滤器、花花公子链接。
2）指标类型和最佳形式
3）比例尺、轴和聚合
量表： 默认线性；对数-范围倍数；百分比-［0；100].
零基础：列从头开始；线-不要求零（但显示基线）。
聚合：白天/小时/分钟，p50/p95/p99；避免"嘈杂"分布的平均值。
Roll-up/Drill-down：按层次结构（↑/↓）的D/H/H（每天/每周/每小时）和region→strana→gorod按钮。
点采样（downsampling）：LTTB/MinMax用于长行，以免失去极限。
4）上下文和比较
时期比较："当前vs以前"（带有虚线的overlay）和/或小型多重性；签署相对∆和绝对∆。
季节性："周末/假日"背景带，每小时温暖/冷区。
基准：水平规范/目标线（SLO/SLA），签名单位和时间线。
信任间隔：带/磁带± CI；A/B-error bars和p-value/升降机。
5）不确定性，跳过，审计
跳过：断线（不要连接零）；未完成窗口的灰色"雾"。
数据泻湖：徽章"数据落后12分钟"，tooltip with timestamp ingest。
修订版：细条纹区域"重新计算"，指的是changelog。
6）颜色，形状和可用性（A11y）
调色板：中性基础；红色是关键的，橙色是警告，绿色是正面的。
颜色独立：复制值/标记/签名；≥ WCAG AA的对比。
行数：≤5一个图表；否则-小多面/立面。
尺寸/点击量：互动目标≥ 32-40 px；焦环，键盘导航。
7）正确签署
轴：单位，数字格式（1 234.56；12.3k;5.2%);带有位置的数据标签。
传说：按视觉重要性排列；可点击以启用/排除行。
注释：简短和实例（"释放PSP_X"，"事件#4217"），参考事件。
8）互动性： 不要超载
Hover/Tooltip：紧凑型，具有关键字段和∆ vs基线。
Zoom/Brush：通过鼠标/键盘突出显示范围；重置按钮。
Drill-down：逐段点击→详细切口；breadcrumb返回。
选择器：范围预设（24 小时/7d/30 d）、段过滤器、Abs/百分比开关。
9）组件模板（示例API）
json
{
"type": "timeseries",
"title": "Payment authorizations,"
"metrics": [
{"id":"auth_rate_p50","label":"p50","agg":"p50"},
{"id":"auth_rate_p95","label":"p95","agg":"p95","style":{"dash":true}}
],
"x": {"field":"ts","granularity":"5m"},
"y": {"unit":"%","min":0,"max":100},
"baseline": {"value": 92. 0, "label": "SLO 92%"},
"ci": {"field_low":"ci_low","field_high":"ci_high"},
"badges": ["late_data","revised"]
}10）渲染性能
在服务器上聚合：返回已经是"正确的"窗口/分量。
Canvas/WebGL：用于数万个点和热图；SVG-用于≤2 -3千个元素和清晰的签名。
清单/表虚拟化：在滚动时装载页面。
缓存：热针，precompute"昨天/周"。
11）有效性和反模式
不能：- 操纵标度（修剪高于零的列轴）。
- 溷合不同的单位,没有辅助轴和显式签名。
- 以8-10排建造堆叠区域的"森林"。
- 用零代替跳过。
- 使用3D/影子为"美丽"。
12）公式、单位和格式
金钱：小单位/十进制行；明确指定货币。
转换/分数： 以十进制为单位的百分比（必要时为p。p.).
速度/投注："每小时/每天"-签名。
四舍五入：在不隐藏数量顺序的情况下达到有意义的放电。
13）具体质量指标和SLO
显示错误预算烧伤（预算剩余百分比）和警告级别。
对于aptime-stacked状态酒吧"OK/Degraded/Down"+事件窗口。
对于latency-分布（p50/p95/p99），"violin/boxplot"跨集群/末端。
14） Storitelling和auto-sammari
Narrative Block： 2-4句子"发生了什么"+"为什么"+"做什么"。
幻灯片/导出：PDF/PNG/SVG,保留字体和颜色；水印和切割日期。
15）可视化测试计划
单位：轴格式，轮廓计算，CI磁带。
整合：过滤器/范围/位置，drill-down和反向导航。
E2E：从行动到行动脚本：点击异常→花花公子。
A11y/i18n：屏幕读者、键盘、签名翻译。
Perf：大排渲染，cold/warm cache，压力10 ×点。
16）可视化质量度量
时间到洞察力（TTI）：第一次点击/理解之前的时间中位数。
解释率：具有可用的Explain的图形比例。
动作率：执行小部件操作的地方。
错误/噪音：错误签名,用户投诉。
Perf p95：在第一个内容之前和交互之前的时间。
17）图形设计支票清单
- 任务下的正确图形类型
- 清晰的轴、单位、数字和日期格式
- 上下文：baseline/SLO、比较期、注释
- 显示通行证/滞后/审计
- 颜色与对比（WCAG）,不超过5行
- 无过载交互性：hover, zoom, drill-down
- 性能：聚合,downsampling, Canvas/WebGL在需要时
- CTA旁边：打开报告/花花公子/创建警报
- 导出/sharing与切片日期和过滤器参数
18）嵌入dashbords
Consistency-kit：单个令牌（字体，尺寸，调色板），单个tultips行为。
Widget模板：KPI，时间表，distribution，comparison，map，table。
"智能"线索插槽：徽章"异常"，驾驶员解释，操作按钮。
19）实施计划（3次迭代）
迭代1-Fundamentals（2-3周）：- 图形类型，统一音阶/格式，基线/SLO，跳过/lag徽章，导出。
- 时期比较、CI磁带、小型多重、异常/徽章、键盘导航。
- Downsampling/WebGL，Explain面板，auto-sammari，dashbords预设和CTA。
20）迷你常见问题
是否需要始终从头开始Y轴？
对于柱子-是的。对于线条-不一定,但指定基线而不是"欺骗"尺度。
如何显示p95/p99而不过载？
具有相同轴的percentiles或小型多重磁带。
取代8个细分市场的"馅饼"是什么?
100%堆迭的酒吧或桌子，里面有酒吧（单位间）+排序。
底线
有效的可视化度量是正确的形状选择+诚实的上下文+方便的行动。保持统一的量表和格式标准,显示不确定性和缺口,让我们快速运球和CTA,确保性能和可用性。然后，图形将不再是"图片"，并成为决策工具。