用途:在创建任何图表、图形、仪表盘或数据可视化时使用,输出媒介不限(如 HTML、React 等)。核心思路是:图由人阅读、由模型执行,因此把“让它好看”转成带检查的流程,使结果从构造上就正确,而非依赖审美。
主要能力与流程(需按顺序执行):1)先选图形,看数据的任务是什么——量级、身份、极性、单一标题还是随时间变化;有时答案不是图表,而是统计磁贴或大号数字。2)按颜色承担的任务分配颜色:分类(身份)、顺序(量级)、发散(极性)或状态(状态),分类色相按固定顺序分配,绝不循环。3)必须运行脚本校验色板,不要凭肉眼看是否色盲友好:node scripts/validate_palette.js "<hex,hex,...>" --mode light,并对深色模式重跑。4)应用标记规范与间隔:细标记、数据端 4px 圆角、2px 线条、>=8px 标记点、填充间 2px 间隙等。5)默认添加悬停层:折线/面积用十字准星+提示,柱/点/单元格用逐标记提示。6)做最终无障碍检查:>=2 个系列必须有图例,<=4 个还可直接标注,提供表格视图、深色模式与纹理选项。最后渲染并查看,再对照反模式清单检查。
硬性规则:一个坐标轴,绝不用双轴;颜色跟随实体而非排名;顺序色为单一色相由浅到深,发散色为两色相加中性灰中点;状态色(good/warning/serious/critical)专用且需图标+标签;文字使用文本色而非系列色。
接入设计系统:方法不变,仅替换参数(色阶、分类主题、顺序色相、发散对、状态色板、纹理、表面色、筛选控件)。参考实例见 references/palette.md。
限制与资料说明:具体安装方式、运行环境依赖与支持平台暂未提供;官方文本为空。