图表组件

Lukacho UI

基于 Next.js、TailwindCSS 和 Framer Motion 的动画 UI 组件集合，含图表、下拉菜单等。

react-sparklines

★ 2,851

轻量 React 迷你图表组件，用 SVG 绘制折线、柱状等 sparkline，适合嵌入表格与卡片。

Orbit

首个用于构建径向 UI 的 CSS 框架，可轻松创建环形菜单、仪表盘和进度环等圆形界面。

shadcn-calendar-heatmap

基于 shadcn/ui 的无样式日历热力图组件，可自定义颜色与权重，开源可访问。

VChart

多端开箱即用的图表库，支持 2D/3D 统计图表与数据故事化表达。

linked-chart

基于 Recharts 的图表组件，与 TanStack DataTable 联动，点击图表即可筛选表格数据。

VStory

智能可视化叙事开发框架，结合 VChart、VTable 等组件，用数据讲述故事。

Mozaïk

基于 Node.js、React、Redux 和 D3 的开源仪表盘构建工具，支持网格布局、主题与模块扩展。

Reaviz

基于 D3 的 React 数据可视化组件库，提供 22+ 图表组件，支持动画与无障碍访问。

Ely GPUI Components

面向 GPUI 的组件库，含 1272 个组件、43 个章节，支持明暗主题与浏览器实时预览。

rumble-charts

★ 343

基于 D3 的 React 图表组件库，可组合、灵活，用 JSX 声明式构建 SVG 图表。

flightcn

基于 MapLibre 的 React 航班航线可视化组件集，通过 shadcn registry 一键安装使用。

JSCharting

★ 20

JSCharting 是一个 JavaScript 图表库，提供 150+ 图表类型，包括股票图、地图、甘特图等，响应式且交互丰富。

VTable

基于 Canvas 的高性能多维数据分析表格组件，支持百万级数据流畅渲染与交互。

react-heat-map

轻量级 React 日历热力图组件，基于 SVG 构建，可自定义 GitHub 贡献图样式。

Wingtics

面向 React 的供应商无关分析组件库，一套查询模型可切换 Vercel、Plausible、GA4、Umami、PostHog。

react-chartist

★ 523

Chartist.js 的 React 组件封装，支持 Line/Bar/Pie 图表，带 TypeScript 类型定义。

Syncfusion React UI Components

★ 397

商业级 React UI 组件库，含 70+ 组件与高性能图表，模块化、响应式、支持多主题。

flowchart-react

轻量级 React 流程图组件，支持节点拖拽、连线与双击编辑，可快速搭建流程图设计器。

Stocks

基于 Next.js 与 shadcn/ui 图表的股票选股器示例，使用 React Server Components 流式渲染行情数据。

React Timeseries Charts

★ 877

基于 React 与 D3 的声明式时间序列图表组件库，支持折线、面积、散点、柱状等图表。

VMind

基于 LLM 的智能可视化套件，提供智能推荐、配色与代码生成，让数据可视化更简单。

zoom-chart-demo

基于 shadcn/ui 与 Recharts 的可缩放图表组件示例，支持缩放交互。

crypto-charts

基于 shadcn/ui 和 Pyth 免费数据的加密货币图表组件，无需凭证即可使用。