用途:用于创建任意图表、图形、仪表盘或数据可视化(HTML、React 等输出媒介),把“做得好看”转化为带检查的固定流程,使结果可被验证而非依赖审美。
主要能力与方法(按顺序执行):1)先选图形,依据数据任务(量级、身份、极性、单一标题、随时间变化)选图表类型,有时答案不是图表而是统计块或主数字;2)按职责分配颜色:分类(身份)、顺序(量级)、发散(极性)、状态(状态),分类色按固定顺序分配、绝不循环;3)验证调色板,运行 node scripts/validate_palette.js "<hex,hex,...>" --mode light,检查亮度带、彩度下限、相邻对色觉缺陷分离度、正常视觉下限与对比度,FAIL 项需修复后再继续,暗色模式需以 --mode dark 重跑;4)应用标记规范与间隔:细标记、4px 圆角数据端、2px 线、>=8px 标记、填充间 2px 表面间隙、重叠标记 2px 表面环、选择性直接标注;5)默认加悬浮层:折线/面积为十字准线+提示框,柱/点/单元格为逐标记提示,仅纯统计块可跳过;6)最终无障碍检查:>=2 个系列必带图例且 <=4 个同时直接标注,提供表格视图,暗色模式独立校验而非自动翻转,提供纹理备选。
关键约束(任何设计系统下成立):分类色固定顺序、不循环,第 9 个系列归入“其他”、小倍数或复合编码;绝不使用双轴图;颜色跟随实体而非排名;顺序色为单一色相由浅到深,发散色为两色相加中性灰中点,不用彩虹;分类调色板发布前必须运行验证器,CVD Delta E >= 8 为目标,6-8 仅在配合次级编码时可用,正常视觉下限低于 15 为硬性 FAIL;对比度 WARN 必须配可见标签或表格视图;文字使用文本色而非系列色;状态色(good/warning/serious/critical)保留专用,配图标与标签而不单靠颜色。
接入设计系统:方法与规则不变,仅替换参数,包括色阶、分类主题、顺序色相、发散双极、状态调色板、纹理填充、明暗表面色、筛选控件;参考实例见 references/palette.md,替换其值即可,其余不变。
适用场景:任何需要图表或仪表盘的可视化任务,尤其是对色觉可访问性、明暗模式、配色一致性有要求的产品。
限制:验证器只检查颜色,不检查布局,交付前需渲染并目视检查标签碰撞、几何与溢出;收费、价格、平台等本资料未提供,暂未提供相关信息。