图表组件
共 57 个设计师推荐的图表组件网站,按质量与推荐次数排序。
D3.js
基于数据驱动文档的 JavaScript 可视化库,可创建高度定制的交互式图表与地图。
图表组件Chart.js
简单灵活的 JavaScript 图表库,支持 8 种图表类型,动画流畅,性能优秀。
Apache ECharts
强大的开源 JavaScript 图表库,支持 20+ 图表类型、Canvas/SVG 渲染与千万级数据可视化。
Recharts
★ 27,605基于 React 和 D3 的声明式图表库,用 React 组件轻松绘制 SVG 图表,轻量且依赖极少。
图表组件ApexCharts.js
现代 JavaScript 图表库,用简单 API 构建交互式图表与可视化,支持 AI 辅助生成配置。
MUI X
MUI 出品的高级 React 组件库,含数据网格、日期时间选择器、图表等复杂数据组件。
Mermaid
基于 Markdown 语法的文本绘图工具,可生成流程图、时序图等 20 多种图表。
图表组件Nivo
基于 D3 与 React 的数据可视化组件库,提供丰富声明式图表,支持服务端渲染。
组件库Tremor
基于 React、Tailwind CSS 和 Radix UI 的开源图表与仪表盘组件库,可复制粘贴或 NPM 安装。
图表组件Google Charts
谷歌免费图表工具,提供丰富交互式图表,支持 HTML5/SVG,可实时连接数据。
Recharts
基于 React 组件构建的可组合图表库,底层用 SVG 与 D3 子模块,轻量可靠。
图表组件Ant Design Charts
基于 React 和 AntV 的图表组件库,简单易用,支持多种统计图表、关系图、流程图和地理可视化。
Victory
Victory 是一套可组合的 React 组件库,用于构建交互式数据可视化图表。
Tremor
基于 Tailwind CSS 和 Radix UI 的 React 组件库,提供 35+ 可定制组件,专注图表与仪表盘。
Intergalactic Design System
Semrush 开源的 React 设计系统,含 70+ 组件、图表与设计规范,支持主题定制。
react-vis
★ 8,786Uber 开源的 React 数据可视化组件库,基于 React 和 d3,提供折线、柱状、热力图等常见图表。
PPT / 演示工具Infogram
在线数据可视化工具,可制作交互式图表、地图和信息图,支持AI生成与嵌入分享。
Chartist.js
轻量级开源 SVG 图表库,响应式、可定制,用 CSS 控制样式、JS 控制行为。
echarts-for-react
★ 5,007Apache ECharts 的 React 封装组件,用声明式 option 在 React 中快速渲染各类图表。
Intergalactic
Semrush 开源的设计系统,提供 56+ React 组件、图表、表格与 250+ 图标。
图表组件Vizzu
开源 JavaScript 库,用于创建动画数据可视化与数据故事,支持图表间平滑过渡。
图表组件Semiotic
面向 React 的数据可视化框架,支持 40+ 图表、网络图、地理地图与 60fps 实时流式可视化。
react-google-charts
★ 1,722轻量且类型完整的 React 图表组件,封装 Google Charts,支持 25+ 图表类型与动画。
图表组件Microcharts
面向 React 的微型图表库,106 种词级图表,零依赖、体积小、可访问且支持 RSC。