用途：为 React/Next.js/TypeScript 项目构建交互式图表、仪表盘与数据故事，涵盖复杂可视化（和弦图、桑基图、网络图）、实时动画展示、移动端响应式组件，以及可访问、可测试的生产级可视化。不适用于无交互的静态 PNG/SVG 导出、基础 HTML 表格、纯印刷图形和简单图标展示。
主要能力：以清晰（Tufte 数据墨水比）、美观（弹簧物理、配色与设计系统）、真实（图形完整性、严格测试）三支柱为原则。提供图表选型决策树：探索性分析用 Observable Plot；标准业务图表用 Recharts（简单）或 Nivo（美观可主题化）；自定义可视化用 Visx 或 D3；Tailwind 仪表盘用 Tremor 或 shadcn-ui Charts。给出推荐依赖版本，如 @observablehq/plot、recharts、@nivo/core、@visx/visx、d3、@tremor/react、framer-motion，以及 @percy/cli、@testing-library/react、@storybook/react 等开发依赖。
使用方式：按探索数据、构建生产组件、测试、文档与部署的流程推进。测试可用 npx percy snapshot ./storybook-static、npx chromatic --project-token=<token>、npm test -- --coverage、npx axe-core src/components/charts。动画使用弹簧配置并尊重 prefers-reduced-motion；配色区分定性、顺序、发散三类，对比度需达 4.5:1。
适用场景与限制：适合需要交互、响应式、无障碍与视觉回归测试的 Web 数据可视化。资料未提供具体收费、价格、平台支持范围与效果保证；部分库的版本与 API 可能随生态变化，需以实际项目为准。