SuperAPI AI 工具集

charts

编程与开发

查看项目

更新于 10-15 19:52

技能介绍

用途:在需要可视化数据时使用,覆盖图表类型选择、坐标轴与网格线、颜色编码、迷你图(sparkline)、提示框(tooltip),以及实时更新数值的插值。核心立场是:一张图只回答一个问题,先按问题与数据形状选图形,保留最少装饰,并让所有由数据派生的元素在数据变化时同步变化。

主要能力:提供按图形分类的配方与常见误用对照(chart-picker.md),以及把变量映射到颜色、形状、大小,或在分类、顺序、发散调色板之间选择(encoding.md)。给出通道精度排序:位置、长度、角度、面积、颜色,把答案交给可用的最高精度通道。

关键规则:条形从零开始,折线不必;刻度取 1/2/5×10ⁿ 或日历边界;小图只在一个轴画网格线并置于图形之后;刷新时保持定义域稳定;所有由定义域派生的值共享同一插值;静态数据首次绘制不做入场动画;色相编码类别,明度与彩度编码量级;尽量直接标注系列以省去图例;不要仅用颜色编码含义;提示框显示悬停 x 处的全部系列并对齐到真实数据点;缺失数据要断开折线;迷你图不带坐标轴、网格线或提示框。

使用方式:先输出图表规格(问题、图形、定义域、编码、网格线、缺失处理、是否实时)并达成一致,再写代码。使用项目已有的绘图层(如 Recharts、visx、Chart.js、ECharts、D3 或手写 SVG),颜色取自项目调色板令牌而非库默认值;图表修复不应引入第二个图表库,库选择不在范围内。

限制:与相邻技能有边界划分——行与单元格属于 dense-ui,曲线与时长属于 motion,色相、渐变与对比度属于 color,本技能只决定通道编码什么。资料未提供具体安装命令、收费或平台信息。