antvis/GPT-Vis

🤖 GPT Vision, Visualization for AI Friendly! AntV's entry for AI.

What it solves

GPT-Vis solves the challenge of displaying data visualizations directly from AI-generated content. It provides a bridge between Large Language Models (LLMs) and visual interfaces, allowing AI to output charts that render immediately without requiring complex manual coding or data formatting.

How it works

It uses a simple, markdown-like syntax (DSL) that LLMs can easily generate. You can pass this syntax or standard JSON objects to the library, which then handles the rendering. It supports streaming, meaning charts can appear and update in real-time as the AI generates the data. It is framework-agnostic, working with vanilla JavaScript, React, Vue, and others.

Who it’s for

It is for developers building AI-powered applications, chatbots, or data dashboards who want to integrate interactive visualizations that AI models can create on the fly.

Highlights

  • Framework-agnostic: Works with any JavaScript framework or vanilla JS.
  • Streaming support: Renders charts incrementally as the AI generates tokens.
  • 26 chart types: Includes statistical, relationship, and text-based visualizations.
  • Fault-tolerant: Gracefully handles incomplete or malformed AI-generated data.
  • Reusable themes: Consistent styling across all chart types, customizable via a Theme Studio.
  • Shadcn/ui integration: Provides copy-pasteable React components for easy project integration.

Related

  • Dispatch
  • Project
  • Project
  • Project
  • Project