f5/unovis
模块化的 TypeScript 数据可视化框架，提供图表、地图和网络图，支持 React、Angular、Svelte、Vue、Solid 及原生 JavaScript。
- Star
- 2,857
- Fork
- 75
- 未关闭 Issue
- 112
- 最近提交
- 15小时前
这是什么？
Unovis 是一个数据可视化框架，通过共享的 TypeScript 核心提供图表、地图和网络关系图。各框架专用包为 React、Angular、Svelte、Vue 和 Solid 提供相同的组件，核心包也可以直接在原生 TypeScript 或 JavaScript 项目中使用。
该库支持 Tree-shaking，可以按需引入单个组件，只打包实际用到的图表类型，从而减小产物体积。样式可以通过 CSS 变量进行自定义。
仓库还包含一个服务端渲染包，可在 Node 中把图表渲染为 SVG 或 PNG，以及一个生成 SVG 图表的 MCP 服务器包。
核心功能
- 01在同一框架中提供图表、地图和网络图
- 02为 React、Angular、Svelte、Vue 和 Solid 提供官方组件包
- 03支持 Tree-shaking，可按组件单独引入
- 04可通过 CSS 变量自定义样式
- 05可在 Node 中将图表服务端渲染为 SVG 或 PNG
适用场景
- 在 React 或 Vue 仪表盘中添加交互式折线图、柱状图或面积图
- 用图组件展示网络关系
- 在服务端生成图表图片，用于报表或邮件
- 在不依赖 UI 框架的原生 TypeScript 项目中使用图表
快速上手
- 1
从 NPM 安装核心包和你所用框架的包
npm install -P @unovis/ts @unovis/<react|angular|svelte|vue|solid> - 2
导入组件并渲染第一个图表，例如用 React 绘制简单折线图
收录于专题
标签
常见问题
- unovis 是什么？
- 模块化的 TypeScript 数据可视化框架，提供图表、地图和网络图，支持 React、Angular、Svelte、Vue、Solid 及原生 JavaScript。 Unovis 是一个数据可视化框架，通过共享的 TypeScript 核心提供图表、地图和网络关系图。各框架专用包为 React、Angular、Svelte、Vue 和 Solid 提供相同的组件，核心包也可以直接在原生 TypeScript 或 JavaScript 项目中使用。
- unovis 可以免费使用吗？用的什么许可证？
- unovis 以 Apache-2.0 许可证开源。用于商业产品前，请先确认许可证条款。
- unovis 还在维护吗？
- 活跃维护中。unovis 最近一次提交是在 2026年10月22日。
- unovis 适合用来做什么？
- 在 React 或 Vue 仪表盘中添加交互式折线图、柱状图或面积图 用图组件展示网络关系 在服务端生成图表图片，用于报表或邮件 在不依赖 UI 框架的原生 TypeScript 项目中使用图表
- unovis 怎么安装和运行？
- 从 NPM 安装核心包和你所用框架的包: npm install -P @unovis/ts @unovis/<react|angular|svelte|vue|solid> 导入组件并渲染第一个图表，例如用 React 绘制简单折线图
- 在哪里获取 unovis？
- 源代码和安装说明在 GitHub 上：https://github.com/f5/unovis
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
用一套类 JSX 语法编写组件，编译为 React、Vue、Angular、Svelte、Solid、Qwik 等多种框架代码。
1.4万679TypeScriptMIT更新于 23天前
基于紧凑流式语言 OpenUI Lang 的生成式 UI 框架，让大模型按你的组件库输出可渲染界面。
1.3万870TypeScriptMIT更新于 6小时前
基于细粒度 D3 模块构建的 TypeScript 图表语法库，支持响应式、无障碍和服务端渲染。
84856TypeScriptMIT更新于 12小时前
开源报表平台，可直接连接数据库和 API，构建实时仪表盘与可嵌入图表。
4062456JavaScriptOther更新于 3天前
面向 Web 应用的异步状态管理与数据获取库，支持 React、Vue、Svelte 和 Solid。
5万4215TypeScriptMIT更新于 8小时前