用途：该技能用于构建需要图表、图形或可视化分析的数据看板、报告和数据驱动界面，为图表选型与实现提供系统化指导，让数据特征与合适的可视化类型匹配，兼顾清晰度、无障碍与效果。
主要能力：提供选型决策框架，从数据类型加分析目的推导图表类型；收录 24 种以上可视化方法，按分析目的组织；给出无障碍模式，参考 WCAG 2.1 AA，并推荐色盲安全配色；提供性能策略，按数据量从不足 1000 点到超过 10 万点给出不同方案；语言侧以 JavaScript/TypeScript 为主，另涉及 Python、Rust、Go。
选择思路：先评估数据类型（分类、连续、时间、空间、层级）、维度数与数据点数，再确定要传达的目的（比较、趋势、分布、关系、构成、流向、层级、地理），最后选图表。例如比较 5-10 个分类用柱状图，展示 12 个月销售用折线图，查看年龄分布用直方图或小提琴图，探索相关性用散点图，展示预算构成用矩形树图或堆叠柱状图。
实现与用法：JavaScript/TypeScript 可用 Recharts（业务仪表盘，可组合 React 组件），安装命令为 npm install recharts；自定义可视化可用 D3.js，安装命令为 npm install d3；科学交互图表可用 Plotly，安装命令为 npm install react-plotly.js plotly.js。Python 常用 Plotly、Matplotlib、Seaborn、Altair。可与 design-tokens 技能集成主题，如使用 --chart-color-primary、--chart-color-1 至 --chart-color-10 等变量。
无障碍与性能：需提供文本替代（aria-label）、保证 3:1 的图形对比度、使用色盲安全配色并提供数据表替代。数据量低于 1000 点用标准 SVG 渲染，1000 点以上考虑采样或 Canvas，超大数据量用服务端聚合。推荐 IBM 色盲安全配色：#648FFF、#785EF0、#DC267F、#FE6100、#FFB000，避免红绿组合。
适用场景与限制：适合需要图表选型、仪表盘开发、可访问性改造和性能优化的场景。应避免图表优先思维、超过 6 个类别的饼图、双轴图、非必要 3D、彩虹色阶等常见错误。资料未提供该技能的收费模式、价格、具体授权与平台支持信息。