Hunt Now

图表组件

共 57 个设计师推荐的图表组件网站,按质量与推荐次数排序。

全部 组件与代码组件库 861区块 / Sections 31动效组件 102图表组件 41设计系统 189代码片段 / CSS 效果 40样式框架与工具 80动画库 623D / WebGL 库 10
图表组件

D3.js

基于数据驱动文档的 JavaScript 可视化库,可创建高度定制的交互式图表与地图。

开源HTML/CSS数据可视化
d3js.org1 处推荐
图表组件

Chart.js

简单灵活的 JavaScript 图表库,支持 8 种图表类型,动画流畅,性能优秀。

开源HTML/CSS数据可视化
chartjs.org1 处推荐
图表组件

Apache ECharts

强大的开源 JavaScript 图表库,支持 20+ 图表类型、Canvas/SVG 渲染与千万级数据可视化。

开源HTML/CSS数据可视化后台
echarts.apache.org1 处推荐
图表组件

Recharts

★ 27,605

基于 React 和 D3 的声明式图表库,用 React 组件轻松绘制 SVG 图表,轻量且依赖极少。

开源React数据可视化后台
github.com1 处推荐
图表组件

ApexCharts.js

现代 JavaScript 图表库,用简单 API 构建交互式图表与可视化,支持 AI 辅助生成配置。

开源HTML/CSS数据可视化后台
apexcharts.com1 处推荐
组件库

MUI X

MUI 出品的高级 React 组件库,含数据网格、日期时间选择器、图表等复杂数据组件。

免费+付费React后台数据可视化
github.com1 处推荐
白板与协作

Mermaid

基于 Markdown 语法的文本绘图工具,可生成流程图、时序图等 20 多种图表。

开源HTML/CSS文档站数据可视化
github.com1 处推荐
图表组件

Nivo

基于 D3 与 React 的数据可视化组件库,提供丰富声明式图表,支持服务端渲染。

React数据可视化后台
nivo.rocks1 处推荐
组件库

Tremor

基于 React、Tailwind CSS 和 Radix UI 的开源图表与仪表盘组件库,可复制粘贴或 NPM 安装。

开源ReactTailwindNext.js后台
tremor.so3 处推荐
图表组件

Google Charts

谷歌免费图表工具,提供丰富交互式图表,支持 HTML5/SVG,可实时连接数据。

免费HTML/CSS数据可视化后台
developers.google.com1 处推荐
图表组件

Recharts

基于 React 组件构建的可组合图表库,底层用 SVG 与 D3 子模块,轻量可靠。

开源React数据可视化后台
recharts.org1 处推荐
图表组件

Ant Design Charts

基于 React 和 AntV 的图表组件库,简单易用,支持多种统计图表、关系图、流程图和地理可视化。

开源React数据可视化后台
ant-design-charts.antgroup.com1 处推荐
图表组件

Victory

Victory 是一套可组合的 React 组件库,用于构建交互式数据可视化图表。

开源React数据可视化后台
github.com1 处推荐
组件库

Tremor

基于 Tailwind CSS 和 Radix UI 的 React 组件库,提供 35+ 可定制组件,专注图表与仪表盘。

开源ReactTailwind后台数据可视化
github.com1 处推荐
设计系统

Intergalactic Design System

Semrush 开源的 React 设计系统,含 70+ 组件、图表与设计规范,支持主题定制。

开源React后台数据可视化
github.com1 处推荐
图表组件

react-vis

★ 8,786

Uber 开源的 React 数据可视化组件库,基于 React 和 d3,提供折线、柱状、热力图等常见图表。

开源React数据可视化后台
github.com1 处推荐
PPT / 演示工具

Infogram

在线数据可视化工具,可制作交互式图表、地图和信息图,支持AI生成与嵌入分享。

数据可视化演示
infogram.com1 处推荐
图表组件

Chartist.js

轻量级开源 SVG 图表库,响应式、可定制,用 CSS 控制样式、JS 控制行为。

开源HTML/CSS后台数据可视化
gionkunz.github.io1 处推荐
图表组件

echarts-for-react

★ 5,007

Apache ECharts 的 React 封装组件,用声明式 option 在 React 中快速渲染各类图表。

开源React数据可视化后台
github.com1 处推荐
设计系统

Intergalactic

Semrush 开源的设计系统,提供 56+ React 组件、图表、表格与 250+ 图标。

开源React后台SaaS数据可视化
i.semrush.com1 处推荐
图表组件

Vizzu

开源 JavaScript 库,用于创建动画数据可视化与数据故事,支持图表间平滑过渡。

开源HTML/CSS数据可视化演示
lib.vizzuhq.com1 处推荐
图表组件

Semiotic

面向 React 的数据可视化框架,支持 40+ 图表、网络图、地理地图与 60fps 实时流式可视化。

开源React后台数据可视化
semiotic.nteract.io1 处推荐
图表组件

react-google-charts

★ 1,722

轻量且类型完整的 React 图表组件,封装 Google Charts,支持 25+ 图表类型与动画。

开源React数据可视化后台
github.com1 处推荐
图表组件

Microcharts

面向 React 的微型图表库,106 种词级图表,零依赖、体积小、可访问且支持 RSC。

开源React数据可视化后台极简
microcharts.dev1 处推荐