GPT-Vis

让大模型输出配置，前端直接渲染出规范图表

开源 🏷️完全免费 ✅ 目前可打开开发框架 🍴 复刻 96 🐛 待处理 3 👀 关注 23

访问官网 ↗ GitHub ↗

GitHub 星标 ★ 797

维护状态活跃

是否开源开源

定价模式 🏷️完全免费开源免费使用

项目预览

项目数据

分类开发框架

开发团队antvis

官网地址https://gpt-vis.antv.vision

GitHubhttps://github.com/antvis/GPT-Vis

定价模式🏷️完全免费

价格说明开源免费使用

访问状态✅ 目前可打开

是否开源是

开源协议MIT

主要语言TypeScript

技术栈/模型antvis,gpts,llm,lui,visualization

GitHub 星标★ 797

上线时间2023-11-13 00:00:00

代码更新2026-11-02

仓库体积102.9 MB

本站数据更新2026-11-03

维护状态活跃

收录时间2026-09-16

浏览次数1

项目介绍

GPT-Vis 是蚂蚁 AntV 团队面向 AI 场景推出的可视化组件库，用 TypeScript 编写。它要解决的问题是：大模型输出多为纯文本，直接生成图表代码容易出错、渲染不稳定。GPT-Vis 提供一套对 AI 友好的图表组件与协议，让 LLM 只需输出结构化描述（如 JSON 配置），即可由前端渲染出规范图表，降低模型生成可视化内容的门槛。核心能力包括覆盖折线、柱状、饼图、关系图等常见图表类型，提供统一的组件规范与主题，支持流式渲染与增量更新，适配对话式 AI 输出场景。项目定位为 AntV 在 AI 方向的入口，官方称代码 100% 由 AI 生成，适合做 AI 助手、数据分析问答、智能报表等产品的前端可视化层。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

数据来源：GitHub API 逐日快照 · 收录于 2026-09-16 · 当前星标 ★ 797

技术标签

gpts llm visualization

使用教程

难度：入门约 15 分钟部署方式：前端集成 4 步

环境要求

React 18+ 或纯 JS 环境
Node.js 18+

安装与启动步骤

1装包

蚂蚁出的 LLM 可视化组件库，把模型输出的图表描述渲染成图。
```
npm install @antv/gpt-vis
```
2配 markdown 渲染

配合 marked 用，图表会嵌在回答里。
```
npm install @antv/gpt-vis marked marked-highlight highlight.js
```
3用 shadcn 直接拿组件

项目是 shadcn 生态的话按需装单个图表。
```
npx shadcn@latest add @gpt-vis/line
```
4渲染一段图表协议

模型输出一段 JSON 描述，组件据此出图。
```
import { GPTVis } from '@antv/gpt-vis';
```