用途:帮助在项目中构建图表、仪表盘和交互式数据展示,覆盖 Recharts(React)、Chart.js(框架无关)和 D3.js(自定义/高级)三类库。
主要能力:提供库选型建议(Recharts 适合快速 React 图表、标准类型,gzip 约 139KB;Chart.js 框架无关、API 简单,约 68KB 可 tree-shake;D3.js 适合自定义可视化、完全控制,每模块约 13-30KB)。给出图表类型选择指南:折线用于时间趋势,柱状用于类别比较,饼/环用于部分与整体(最多 5-7 片),面积用于时间体量,散点用于相关性,热力图用于二维强度。还涵盖仪表盘模式(KPI 卡片、实时 SSE/WebSocket、交互筛选、下钻)、响应式设计(ResponsiveContainer、宽高比、移动端简化)、常见错误修正(固定尺寸、实时数据动画、饼图切片过多、非无障碍配色、整库加载、缺少数据格式化)、数据格式化与导出(Intl.NumberFormat、CSV/PNG 导出)、性能(懒加载、大数据虚拟化)以及叙事与标注。
使用方式:资料未提供具体安装命令或调用步骤,仅说明可委派 Explore、Task、Plan 等 agent 分别用于探索数据字段、构建多图仪表盘、规划大规模分析页架构。
适用场景:React 项目快速出图、跨框架简单图表、需要完全控制的自定义可视化,以及 KPI、实时监控、探索分析、层级下钻等仪表盘。
限制:资料未提供收费、价格、平台支持范围等事实;具体 API 用法与代码示例需参考其 References 文档。