--- name: "@gpt-vis" slug: "gpt-vis" description: "AI-native visualization components for LLM projects. Render 26 chart types from vis syntax strings or config objects." category: "AI/chat UI" tags: ["ai", "charts", "glassmorphism", "maps", "tables"] framework: "react" license: "MIT" author: "antvis" website: "https://gpt-vis.antv.vision" github: "https://github.com/antvis/GPT-Vis" registry: "https://gpt-vis.antv.vision/r/registry.json" pro: false pro_url: null github_stars: 753 component_count: 27 generated_at: "2026-07-28T08:00:50.948Z" --- # @gpt-vis AI-native visualization components for LLM projects. Render 26 chart types from vis syntax strings or config objects. ## Links - Website: https://gpt-vis.antv.vision - GitHub: https://github.com/antvis/GPT-Vis - Registry JSON: https://gpt-vis.antv.vision/r/registry.json - Directory page: https://sh4dcn.vercel.app/registry/gpt-vis - This file: https://sh4dcn.vercel.app/md/gpt-vis.md ## Install ```sh # add the whole registry (shadcn CLI) npx shadcn@latest add https://gpt-vis.antv.vision/r/registry.json pnpm dlx shadcn@latest add https://gpt-vis.antv.vision/r/registry.json bunx shadcn@latest add https://gpt-vis.antv.vision/r/registry.json # clone the source repo git clone https://github.com/antvis/GPT-Vis.git # fetch the raw registry index curl -s https://gpt-vis.antv.vision/r/registry.json ``` ## Components (27) | name | type | description | install | | --- | --- | --- | --- | | gpt-vis | registry:ui | A React component wrapping the @antv/gpt-vis GPTVis class. Supports 26 chart types via vis syntax strings or config objects. Ideal for LLM-generated visualizat… | `npx shadcn@latest add https://gpt-vis.antv.vision/r/gpt-vis.json` | | line | registry:ui | A line chart component for @antv/gpt-vis. Visualize trends over time with optional multi-series grouping. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/line.json` | | pie | registry:ui | A pie chart component for @antv/gpt-vis. Show proportions of parts with optional donut style. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/pie.json` | | bar | registry:ui | A horizontal bar chart component for @antv/gpt-vis. Compare categorical data with optional grouping and stacking. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/bar.json` | | column | registry:ui | A vertical column chart component for @antv/gpt-vis. Compare categorical data with optional grouping and stacking. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/column.json` | | area | registry:ui | An area chart component for @antv/gpt-vis. Show data trends over time with optional stacking. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/area.json` | | scatter | registry:ui | A scatter chart component for @antv/gpt-vis. Show relationships between two variables with optional grouping. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/scatter.json` | | radar | registry:ui | A radar chart component for @antv/gpt-vis. Display multidimensional data across four or more axes. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/radar.json` | | funnel | registry:ui | A funnel chart component for @antv/gpt-vis. Visualize progressive data reduction through stages. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/funnel.json` | | waterfall | registry:ui | A waterfall chart component for @antv/gpt-vis. Show cumulative effect of sequential positive and negative values. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/waterfall.json` | | histogram | registry:ui | A histogram chart component for @antv/gpt-vis. Show frequency distribution of data points within ranges. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/histogram.json` | | boxplot | registry:ui | A boxplot chart component for @antv/gpt-vis. Compare statistical distributions across categories. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/boxplot.json` | | violin | registry:ui | A violin chart component for @antv/gpt-vis. Show data distribution density across categories. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/violin.json` | | dual-axes | registry:ui | A dual axes chart component for @antv/gpt-vis. Combine column and line charts for trend and comparison. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/dual-axes.json` | | liquid | registry:ui | A liquid fill chart component for @antv/gpt-vis. Display a single percentage value with various shapes. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/liquid.json` | | word-cloud | registry:ui | A word cloud chart component for @antv/gpt-vis. Visualize word frequency by text size. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/word-cloud.json` | | sankey | registry:ui | A sankey diagram component for @antv/gpt-vis. Show data flow between stages or categories. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/sankey.json` | | treemap | registry:ui | A treemap chart component for @antv/gpt-vis. Display hierarchical data with nested rectangles. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/treemap.json` | | venn | registry:ui | A Venn diagram component for @antv/gpt-vis. Show set relationships and intersections. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/venn.json` | | summary | registry:ui | A summary component for @antv/gpt-vis. Render rich text narratives with T8 markdown-like syntax. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/summary.json` | | table | registry:ui | A table component for @antv/gpt-vis. Display tabular data with optional theming. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/table.json` | | mindmap | registry:ui | A mind map component for @antv/gpt-vis. Organize hierarchical information with branches from a central topic. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/mindmap.json` | | fishbone-diagram | registry:ui | A fishbone diagram component for @antv/gpt-vis. Display cause-and-effect analysis with a fish skeleton structure. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/fishbone-diagram.json` | | flow-diagram | registry:ui | A flow diagram component for @antv/gpt-vis. Show process steps and decision points. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/flow-diagram.json` | | network-graph | registry:ui | A network graph component for @antv/gpt-vis. Display relationships between entities with various layouts. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/network-graph.json` | | organization-chart | registry:ui | An organization chart component for @antv/gpt-vis. Visualize hierarchical organizational structures. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/organization-chart.json` | | indented-tree | registry:ui | An indented tree component for @antv/gpt-vis. Display hierarchical data with indented layout. | `npx shadcn@latest add https://gpt-vis.antv.vision/r/indented-tree.json` | ## For AI agents ```text You are adding components from @gpt-vis to a shadcn-compatible project. 1. Read this file (https://sh4dcn.vercel.app/md/gpt-vis.md) for the component list. 2. Fetch the machine-readable index: https://gpt-vis.antv.vision/r/registry.json 3. Install a single component with its install command from the table above. 4. Full structured record: https://sh4dcn.vercel.app/json (library slug: gpt-vis). ```