用途：在 React 网页应用中添加数据可视化组件，包括图表（环形图、饼图、柱状图、折线图、面积图）和带趋势指标的 KPI 指标卡，也可构建混合图表与摘要卡片的仪表盘布局。
主要能力：支持按数据类型选择可视化形式——环形图/饼图用于分类占比（如问题类型、状态分布），柱状图用于类别或时间段对比，折线图/面积图用于时间趋势，指标卡用于单一 KPI 及可选趋势指示，组合仪表盘用于指标卡加一个或多个图表。
使用方式：先确定可视化类型，若需求不明确可询问用户希望展示的数据及合适的图表形式。所有图表均使用 recharts，需在 Web 应用目录执行一次安装：npm install recharts。Recharts 基于 D3，提供声明式 React 组件，无需额外 CSS。随后按类型阅读对应实现指南：柱状图与折线/面积图参考 implementation/bar-line-chart.md，环形/饼图参考 implementation/donut-chart.md，带趋势指标卡参考 implementation/stat-card.md，仪表盘布局参考 implementation/dashboard-layout.md。
验证：完成前需确认图表以正确数据和颜色渲染、随容器自适应缩放、图例标签与数据类别一致、指标卡趋势正负指示正确。并在 Web 应用目录运行：cd force-app/main/default/webapplications/<appName> && npm run lint && npm run build，要求 lint 零错误、构建成功。
限制：资料未提供具体代码示例、样式细节、数据来源要求及兼容性说明。