@antv/gpt-vis 1.0.0-beta.1 → 1.0.0

package/README.zh-CN.md

@@ -1,42 +1,42 @@
 <img src="https://gw.alipayobjects.com/zos/antfincdn/R8sN%24GNdh6/language.svg" width="18"> [English](./README.md) | 简体中文
 
-<h1 align="center">GPT-Vis，为 AI 而生的可视化方案</h1>
+<div align="center">
+  <img src="https://github.com/eosphoros-ai/GPT-Vis/assets/17919400/c8804ffb-d3d6-45d3-846f-cf217681ab05" height="70" />
+</div>
+
+<h1 align="center">GPT-Vis</h1>
 
 <div align="center">
-<img src="https://github.com/eosphoros-ai/GPT-Vis/assets/17919400/c8804ffb-d3d6-45d3-846f-cf217681ab05" height="70">
 
-面向 LLM 时代的 AI 原生可视化组件，为 AI 驱动应用设计的框架无关可视化库。
+面向 LLM 时代的 AI 原生可视化库，框架无关，开箱即用。
 
 [![npm version](https://img.shields.io/npm/v/@antv/gpt-vis.svg)](https://www.npmjs.com/package/@antv/gpt-vis)
 [![npm downloads](https://img.shields.io/npm/dm/@antv/gpt-vis.svg)](https://www.npmjs.com/package/@antv/gpt-vis)
 [![License](https://img.shields.io/badge/license-MIT-blue.svg)](./LICENSE)
 
 <p align="center">
-  <a href="https://gpt-vis.antv.vision" target="_blank">📖 文档</a> •
-  <a href="/skills/chart-visualization" target="_blank">🤖 图表技能</a> •
-  <a href="/knowledges" target="_blank">🧠 知识库</a> •
-  <a href="https://www.tbox.cn/share/202504APmv6c00373739?platform=WebService" target="_blank">🎮 在线体验</a> •
-  <a href="https://github.com/antvis/mcp-server-chart" target="_blank">🔌 MCP 服务器</a>
+  <a href="https://gpt-vis.antv.vision" target="_blank">📖 文档</a> ·
+  <a href="https://gpt-vis.antv.vision/examples" target="_blank">🎨 图表示例</a> ·
+  <a href="https://github.com/antvis/mcp-server-chart" target="_blank">🔌 MCP 服务</a> ·
+  <a href="/skills/chart-visualization" target="_blank">🧩 图表技能</a>
 </p>
 
 </div>
 
 <div align="center">
-  <video src="https://github.com/user-attachments/assets/b8eb4a89-b0ed-4a39-8fab-316161949446" />
+  <img src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*k21VQY6NgAwAAAAAWAAAAAgAemJ7AQ/fmt.avif" width="100%" />
 </div>
 
 <br/>
 
-> **📢 Version 1.0 预览版**: 为 AI 优化的全新架构。正式版预计 **2026 年 3 月 21 日**发布。
+## ✨ 特性
 
-## ✨ 核心特性
-
-- **🚀 框架无关**: 支持原生 JavaScript、React、Vue、Angular 或任何框架
-- **✍️ 自然语法**: 简单的类 Markdown 语法，LLM 可以轻松生成
-- **🌊 流式支持**: 内置支持 AI 模型的流式输出
-- **🛡️ 容错性**: 优雅处理不完整或格式错误数据
-- **📊 20+ 图表类型**: 统计图表、关系图表和高级可视化图表
-- **🧠 智能默认值**: 自动数据检测、智能配色方案、自适应布局
+- 🚀 **框架无关** — 原生 JavaScript、React、Vue、Angular，任何框架均可使用
+- ✍️ **类 Markdown 语法** — LLM 可以直接生成的简洁语法，易学易用
+- 🌊 **流式渲染** — 原生支持 AI 模型流式输出，边生成边渲染
+- 🛡️ **高容错** — 优雅处理不完整、格式异常的数据，适配 AI 生成内容的不确定性
+- 📊 **26 种图表** — 统计图表、关系图表、文本可视化，覆盖主流场景
+- 🎨 **主题系统** — 内置亮色、暗色、学术三套主题，支持自定义配色
 
 ## 🚀 快速开始
 
@@ -52,12 +52,12 @@ npm install @antv/gpt-vis
 import { GPTVis } from '@antv/gpt-vis';
 
 const gptVis = new GPTVis({
-  container: '#container',
+  container: 'container',
   width: 600,
   height: 400,
 });
 
-// 使用类 Markdown 语法渲染
+// 类 Markdown 的可视化语法
 const visSyntax = `
 vis line
 data
@@ -72,12 +72,16 @@ data
 gptVis.render(visSyntax);
 ```
 
-### 流式支持
+### 流式渲染
+
+AI 模型边生成、图表边渲染，无需等待完整响应：
+
+<img src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*_xY7Q6QyuZ4AAAAAWeAAAAgAemJ7AQ/original" width="100%" />
 
 ```javascript
 import { GPTVis, isVisSyntax } from '@antv/gpt-vis';
 
-const gptVis = new GPTVis({ container: '#container', width: 600, height: 400 });
+const gptVis = new GPTVis({ container: 'container', width: 600, height: 400 });
 let buffer = '';
 
 function onToken(token) {
@@ -90,18 +94,20 @@ function onToken(token) {
 
 ## 📚 语法指南
 
-### 基本结构
+`render()` 支持两种输入格式：vis 语法（适合 LLM 流式生成）和 JSON 对象（适合程序化调用）。
+
+### Vis 语法
+
+类 Markdown 的声明式语法，LLM 无需学习复杂 API 即可生成：
 
 ```
 vis [图表类型]
 [属性] [值]
 data
-  - [键] [值]
+  - [字段] [值]
 ```
 
-### 示例
-
-**简单图表:**
+**饼图：**
 
 ```
 vis pie
@@ -113,7 +119,29 @@ data
 innerRadius 0.6
 ```
 
-**带样式:**
+**主题：**
+
+内置三套主题，通过 `theme` 属性切换：
+
+| 主题         | 标识      | 背景色 | 色板                                                  |
+| ------------ | --------- | ------ | ----------------------------------------------------- |
+| 默认（亮色） | `default` | `#FFF` | `#1783FF` `#F08F56` `#D580FF` `#00C9C9` `#7863FF` ... |
+| 暗色         | `dark`    | `#000` | `#1783FF` `#F08F56` `#D580FF` `#00C9C9` `#7863FF` ... |
+| 学术         | `academy` | `#FFF` | `#4e79a7` `#f28e2c` `#e15759` `#76b7b2` `#59a14f` ... |
+
+```
+vis line
+data
+  - time 2020
+    value 100
+  - time 2021
+    value 120
+theme dark
+```
+
+**自定义样式：**
+
+通过 `style` 设置线宽、自定义配色等：
 
 ```
 vis line
@@ -124,20 +152,94 @@ data
     value 120
 style
   lineWidth 3
-  palette #5B8FF9 #5AD8A6
+  palette
+    - #5B8FF9
+    - #5AD8A6
 ```
 
-**层次数据:**
+**包含空格的值用引号包裹：**
 
 ```
-vis mind-map
+vis pie
 data
-  - name 项目
+  - category "Q1 销售额"
+    value 30
+  - category "Q2 销售额"
+    value 25
+```
+
+**层级数据：**
+
+```
+vis mindmap
+data
+  - name 项目规划
     children
-      - name 阶段一
-      - name 阶段二
+      - name 第一阶段
+      - name 第二阶段
+```
+
+### JSON 对象
+
+也支持直接传入 JSON 对象，适合程序化调用：
+
+```javascript
+gptVis.render({
+  type: 'pie',
+  data: [
+    { category: 'Android', value: 72 },
+    { category: 'iOS', value: 28 },
+  ],
+});
 ```
 
+## 📊 图表类型
+
+支持 26 种图表，覆盖统计分析、关系网络、文本可视化三大类。
+
+### 统计图表（18 种）
+
+| 图表     | 类型标识     |
+| -------- | ------------ |
+| 折线图   | `line`       |
+| 面积图   | `area`       |
+| 柱状图   | `column`     |
+| 条形图   | `bar`        |
+| 饼图     | `pie`        |
+| 散点图   | `scatter`    |
+| 雷达图   | `radar`      |
+| 漏斗图   | `funnel`     |
+| 瀑布图   | `waterfall`  |
+| 双轴图   | `dual-axes`  |
+| 直方图   | `histogram`  |
+| 箱线图   | `boxplot`    |
+| 小提琴图 | `violin`     |
+| 韦恩图   | `venn`       |
+| 桑基图   | `sankey`     |
+| 树图     | `treemap`    |
+| 词云     | `word-cloud` |
+| 水波图   | `liquid`     |
+
+### 关系图表（6 种）
+
+| 图表       | 类型标识             |
+| ---------- | -------------------- |
+| 流程图     | `flow-diagram`       |
+| 网络图     | `network-graph`      |
+| 思维导图   | `mindmap`            |
+| 缩进树     | `indented-tree`      |
+| 组织架构图 | `organization-chart` |
+| 鱼骨图     | `fishbone-diagram`   |
+
+### 文本可视化（2 种）
+
+| 图表     | 类型标识  |
+| -------- | --------- |
+| 表格     | `table`   |
+| 文本摘要 | `summary` |
+
+查看全部示例 → [图表示例](https://gpt-vis.antv.vision/examples)
+
 ## 🔧 框架集成
 
 <details>
@@ -146,7 +248,7 @@ data
 ```javascript
 import { GPTVis } from '@antv/gpt-vis';
 
-const gptVis = new GPTVis({ container: '#chart', width: 600, height: 400 });
+const gptVis = new GPTVis({ container: 'chart', width: 600, height: 400 });
 gptVis.render(visSyntaxString);
 ```
 
@@ -189,25 +291,22 @@ function ChartComponent({ visSyntax }) {
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted, watch } from 'vue';
+import { ref, watch, onUnmounted } from 'vue';
 import { GPTVis } from '@antv/gpt-vis';
 
 const props = defineProps(['visSyntax']);
 const chartRef = ref(null);
 let gptVis = null;
 
-onMounted(() => {
-  gptVis = new GPTVis({ container: chartRef.value, width: 600, height: 400 });
-  gptVis.render(props.visSyntax);
-});
-
 watch(
   () => props.visSyntax,
-  (newSyntax) => {
-    if (gptVis) {
-      gptVis.render(newSyntax);
+  (syntax) => {
+    if (!gptVis) {
+      gptVis = new GPTVis({ container: chartRef.value, width: 600, height: 400 });
     }
+    gptVis.render(syntax);
   },
+  { immediate: true },
 );
 
 onUnmounted(() => gptVis?.destroy());
@@ -216,18 +315,95 @@ onUnmounted(() => gptVis?.destroy());
 
 </details>
 
-## 🧠 知识库
+<details>
+<summary><strong>Markdown 渲染器（marked）</strong></summary>
 
-GPT-Vis 包含全面的[知识库](https://github.com/antvis/GPT-Vis/tree/main/knowledges)，帮助 LLM 理解何时使用每种图表类型以及如何构建数据结构。在 200+ 场景中评估，准确率超过 90%。
+GPT-Vis 的 vis 语法天然兼容 Markdown code fence，可以与任何 Markdown 渲染器集成。以下示例使用 `marked` + `marked-highlight`，普通代码块走语法高亮，`vis` 代码块自动渲染为交互式图表。
 
-## 🤝 贡献
+**安装依赖：**
+
+```bash
+npm install @antv/gpt-vis marked marked-highlight highlight.js
+```
+
+**完整示例：**
+
+```javascript
+import { Marked } from 'marked';
+import { markedHighlight } from 'marked-highlight';
+import hljs from 'highlight.js';
+import { GPTVis } from '@antv/gpt-vis';
+
+class GPTVisElement extends HTMLElement {
+  connectedCallback() {
+    const syntax = decodeURIComponent(this.dataset.syntax);
+    this._instance = new GPTVis({ container: this });
+    this._instance.render(syntax);
+  }
+  disconnectedCallback() {
+    this._instance?.destroy();
+  }
+}
+if (!customElements.get('gpt-vis')) {
+  customElements.define('gpt-vis', GPTVisElement);
+}
+
+const marked = new Marked(
+  markedHighlight({
+    langPrefix: 'hljs language-',
+    highlight(code, lang) {
+      if (lang?.startsWith('vis')) return code;
+      const language = hljs.getLanguage(lang) ? lang : 'plaintext';
+      return hljs.highlight(code, { language }).value;
+    },
+  }),
+  {
+    renderer: {
+      code({ text, lang }) {
+        if (lang?.startsWith('vis')) {
+          const syntax = encodeURIComponent(lang + '\n' + text);
+          return `<gpt-vis data-syntax="${syntax}" style="min-height:300px"></gpt-vis>`;
+        }
+        return false;
+      },
+    },
+  },
+);
+
+const markdown = `# My Report
+
+\`\`\`vis bar
+data
+  - category Python
+    value 28.1
+  - category JavaScript
+    value 18.5
+  - category Java
+    value 15.6
+  - category "C/C++"
+    value 12.3
+title 2024 Programming Language Popularity
+\`\`\`
+`;
 
-> **⚠️ AI 生成代码策略**: 本项目仅合并 AI 生成的代码。
+document.getElementById('content').innerHTML = marked.parse(markdown);
+```
+
+</details>
+
+## 🤖 AI 生态
+
+GPT-Vis 提供完整的 AI 集成方案：
+
+- **[MCP 服务](https://github.com/antvis/mcp-server-chart)** — 通过 Model Context Protocol 让 AI 模型直接调用可视化能力
+- **[图表技能](https://github.com/antvis/GPT-Vis/tree/main/skills/chart-visualization)** — 为 AI 助手提供图表推荐与生成能力，支持语法模式和代码模式两种输出
+
+## 🤝 贡献
 
-贡献方式：
+> **AI 生成代码策略**：本项目仅合并 AI 生成的代码。
 
-1. 提交 Issue 描述问题或功能
-2. 标记 @copilot 生成实现
+1. 提交 Issue 描述问题或需求
+2. 标记 @copilot 生成实现方案
 3. 提交包含 AI 生成代码的 PR
 
 ## 📄 开源协议

package/dist/cjs/gpt-vis/index.d.ts

@@ -4,10 +4,16 @@ import type { BarConfig } from '../vis/bar';
 import type { BoxplotConfig } from '../vis/boxplot';
 import type { ColumnConfig } from '../vis/column';
 import type { DualAxesConfig } from '../vis/dual-axes';
+import type { FishboneDiagramConfig } from '../vis/fishbone-diagram';
+import type { FlowDiagramConfig } from '../vis/flow-diagram';
 import type { FunnelConfig } from '../vis/funnel';
 import type { HistogramConfig } from '../vis/histogram';
+import type { IndentedTreeConfig } from '../vis/indented-tree';
 import type { LineConfig } from '../vis/line';
 import type { LiquidConfig } from '../vis/liquid';
+import type { MindmapConfig } from '../vis/mindmap';
+import type { NetworkGraphConfig } from '../vis/network-graph';
+import type { OrganizationChartConfig } from '../vis/organization-chart';
 import type { PieConfig } from '../vis/pie';
 import type { RadarConfig } from '../vis/radar';
 import type { SankeyConfig } from '../vis/sankey';
@@ -22,7 +28,7 @@ import type { WordCloudConfig } from '../vis/word-cloud';
 /**
  * Union type for all supported chart configurations
  */
-export type GPTVisConfig = AreaConfig | BarConfig | BoxplotConfig | ColumnConfig | DualAxesConfig | FunnelConfig | HistogramConfig | LineConfig | LiquidConfig | PieConfig | RadarConfig | SankeyConfig | ScatterConfig | SummaryConfig | TableConfig | TreemapConfig | VennConfig | ViolinConfig | WaterfallConfig | WordCloudConfig;
+export type GPTVisConfig = AreaConfig | BarConfig | BoxplotConfig | ColumnConfig | DualAxesConfig | FlowDiagramConfig | FunnelConfig | HistogramConfig | IndentedTreeConfig | LineConfig | LiquidConfig | MindmapConfig | NetworkGraphConfig | OrganizationChartConfig | PieConfig | RadarConfig | SankeyConfig | ScatterConfig | SummaryConfig | TableConfig | TreemapConfig | VennConfig | ViolinConfig | WaterfallConfig | WordCloudConfig | FishboneDiagramConfig;
 /**
  * GPTVis is the unified API for all chart types.
  * It provides a simple interface to render different types of visualizations.
@@ -66,6 +72,7 @@ export type GPTVisConfig = AreaConfig | BarConfig | BoxplotConfig | ColumnConfig
 export declare class GPTVis {
     private options;
     private currentChart;
+    private currentChartType;
     private wrapperInstance;
     /**
      * Chart type registry mapping type strings to factory functions

package/dist/cjs/gpt-vis/index.js

@@ -23,16 +23,23 @@ __export(gpt_vis_exports, {
 });
 module.exports = __toCommonJS(gpt_vis_exports);
 var import_parser = require("../syntax/parser");
+var import_container = require("../util/container");
 var import_vis_wrapper = require("../vis-wrapper");
 var import_area = require("../vis/area");
 var import_bar = require("../vis/bar");
 var import_boxplot = require("../vis/boxplot");
 var import_column = require("../vis/column");
 var import_dual_axes = require("../vis/dual-axes");
+var import_fishbone_diagram = require("../vis/fishbone-diagram");
+var import_flow_diagram = require("../vis/flow-diagram");
 var import_funnel = require("../vis/funnel");
 var import_histogram = require("../vis/histogram");
+var import_indented_tree = require("../vis/indented-tree");
 var import_line = require("../vis/line");
 var import_liquid = require("../vis/liquid");
+var import_mindmap = require("../vis/mindmap");
+var import_network_graph = require("../vis/network-graph");
+var import_organization_chart = require("../vis/organization-chart");
 var import_pie = require("../vis/pie");
 var import_radar = require("../vis/radar");
 var import_sankey = require("../vis/sankey");
@@ -51,8 +58,12 @@ var _GPTVis = class {
    */
   constructor(options) {
     this.currentChart = null;
+    this.currentChartType = "";
     this.wrapperInstance = null;
-    this.options = options;
+    this.options = {
+      ...options,
+      container: (0, import_container.resolveContainer)(options.container)
+    };
   }
   /**
    * Render a chart based on the provided configuration or syntax string.
@@ -101,28 +112,33 @@ var _GPTVis = class {
       const availableTypes = Object.keys(_GPTVis.chartRegistry).join(", ");
       throw new Error(`Unsupported chart type: "${type}". Available types: ${availableTypes}`);
     }
-    if (this.currentChart) {
-      this.currentChart.destroy();
-    }
-    if (this.wrapperInstance) {
-      this.wrapperInstance.destroy();
-      this.wrapperInstance = null;
-    }
     let chartContainer = this.options.container;
     if (this.options.wrapper) {
-      this.wrapperInstance = (0, import_vis_wrapper.createVisWrapper)(this.options.container, {
-        chartType: type,
-        syntax: config,
-        locale: this.options.locale || "zh-CN"
-      });
+      if (!this.wrapperInstance) {
+        this.wrapperInstance = (0, import_vis_wrapper.createVisWrapper)(this.options.container, {
+          chartType: type,
+          syntax: config,
+          locale: this.options.locale || "en-US"
+        });
+      } else {
+        this.wrapperInstance.update(config);
+      }
       chartContainer = this.wrapperInstance.chartContainer;
     }
-    const chartOptions = {
-      ...this.options,
-      container: chartContainer
-    };
-    this.currentChart = chartFactory(chartOptions);
-    this.currentChart.render(chartConfig);
+    if (this.currentChart && this.currentChartType === type) {
+      this.currentChart.render(chartConfig);
+    } else {
+      if (this.currentChart) {
+        this.currentChart.destroy();
+      }
+      const chartOptions = {
+        ...this.options,
+        container: chartContainer
+      };
+      this.currentChart = chartFactory(chartOptions);
+      this.currentChartType = type;
+      this.currentChart.render(chartConfig);
+    }
     if (this.wrapperInstance) {
       this.wrapperInstance.setChartRef(this.currentChart);
     }
@@ -134,6 +150,7 @@ var _GPTVis = class {
     if (this.currentChart) {
       this.currentChart.destroy();
       this.currentChart = null;
+      this.currentChartType = "";
     }
     if (this.wrapperInstance) {
       this.wrapperInstance.destroy();
@@ -151,10 +168,15 @@ GPTVis.chartRegistry = {
   boxplot: import_boxplot.Boxplot,
   column: import_column.Column,
   "dual-axes": import_dual_axes.DualAxes,
+  "flow-diagram": import_flow_diagram.FlowDiagram,
   funnel: import_funnel.Funnel,
   histogram: import_histogram.Histogram,
+  "indented-tree": import_indented_tree.IndentedTree,
   line: import_line.Line,
   liquid: import_liquid.Liquid,
+  mindmap: import_mindmap.Mindmap,
+  "network-graph": import_network_graph.NetworkGraph,
+  "organization-chart": import_organization_chart.OrganizationChart,
   pie: import_pie.Pie,
   radar: import_radar.Radar,
   sankey: import_sankey.Sankey,
@@ -165,7 +187,8 @@ GPTVis.chartRegistry = {
   venn: import_venn.Venn,
   violin: import_violin.Violin,
   waterfall: import_waterfall.Waterfall,
-  "word-cloud": import_word_cloud.WordCloud
+  "word-cloud": import_word_cloud.WordCloud,
+  "fishbone-diagram": import_fishbone_diagram.FishboneDiagram
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/index.d.ts

@@ -1,6 +1,7 @@
 export { GPTVis } from './gpt-vis';
 export type { GPTVisConfig } from './gpt-vis';
-export { isVisSyntax } from './syntax';
+export { isVisSyntax, parse } from './syntax';
+export type { ParsedConfig } from './syntax';
 export type { VisualizationOptions } from './types';
 export { Area } from './vis/area';
 export type { AreaConfig, AreaDataItem } from './vis/area';
@@ -12,14 +13,26 @@ export { Column } from './vis/column';
 export type { ColumnConfig, ColumnDataItem } from './vis/column';
 export { DualAxes } from './vis/dual-axes';
 export type { DualAxesConfig, DualAxesSeriesItem } from './vis/dual-axes';
+export { FishboneDiagram } from './vis/fishbone-diagram';
+export type { FishboneDiagramConfig, FishboneDiagramInstance, FishboneNode, } from './vis/fishbone-diagram';
+export { FlowDiagram } from './vis/flow-diagram';
+export type { FlowDiagramConfig } from './vis/flow-diagram';
 export { Funnel } from './vis/funnel';
 export type { FunnelConfig, FunnelDataItem } from './vis/funnel';
 export { Histogram } from './vis/histogram';
 export type { HistogramConfig } from './vis/histogram';
+export { IndentedTree } from './vis/indented-tree';
+export type { IndentedTreeConfig, IndentedTreeData, IndentedTreeInstance, } from './vis/indented-tree';
 export { Line } from './vis/line';
 export type { LineConfig, LineDataItem } from './vis/line';
 export { Liquid } from './vis/liquid';
 export type { LiquidConfig } from './vis/liquid';
+export { Mindmap } from './vis/mindmap';
+export type { MindMapProps, MindmapConfig, MindmapData } from './vis/mindmap';
+export { NetworkGraph } from './vis/network-graph';
+export type { NetworkGraphConfig, NetworkGraphData, NetworkGraphEdge, NetworkGraphNode, } from './vis/network-graph';
+export { OrganizationChart } from './vis/organization-chart';
+export type { OrganizationChartConfig, OrganizationChartData } from './vis/organization-chart';
 export { Pie } from './vis/pie';
 export type { PieConfig } from './vis/pie';
 export { Radar } from './vis/radar';
@@ -39,6 +52,6 @@ export type { VennConfig, VennDataItem } from './vis/venn';
 export { Violin } from './vis/violin';
 export type { ViolinConfig, ViolinDataItem } from './vis/violin';
 export { Waterfall } from './vis/waterfall';
-export type { WaterfallConfig, WaterfallDataItem, WaterfallPalette } from './vis/waterfall';
+export type { WaterfallConfig, WaterfallDataItem } from './vis/waterfall';
 export { WordCloud } from './vis/word-cloud';
 export type { WordCloudConfig, WordCloudDataItem } from './vis/word-cloud';

package/dist/cjs/index.js

@@ -24,11 +24,17 @@ __export(src_exports, {
   Boxplot: () => import_boxplot.Boxplot,
   Column: () => import_column.Column,
   DualAxes: () => import_dual_axes.DualAxes,
+  FishboneDiagram: () => import_fishbone_diagram.FishboneDiagram,
+  FlowDiagram: () => import_flow_diagram.FlowDiagram,
   Funnel: () => import_funnel.Funnel,
   GPTVis: () => import_gpt_vis.GPTVis,
   Histogram: () => import_histogram.Histogram,
+  IndentedTree: () => import_indented_tree.IndentedTree,
   Line: () => import_line.Line,
   Liquid: () => import_liquid.Liquid,
+  Mindmap: () => import_mindmap.Mindmap,
+  NetworkGraph: () => import_network_graph.NetworkGraph,
+  OrganizationChart: () => import_organization_chart.OrganizationChart,
   Pie: () => import_pie.Pie,
   Radar: () => import_radar.Radar,
   Sankey: () => import_sankey.Sankey,
@@ -40,7 +46,8 @@ __export(src_exports, {
   Violin: () => import_violin.Violin,
   Waterfall: () => import_waterfall.Waterfall,
   WordCloud: () => import_word_cloud.WordCloud,
-  isVisSyntax: () => import_syntax.isVisSyntax
+  isVisSyntax: () => import_syntax.isVisSyntax,
+  parse: () => import_syntax.parse
 });
 module.exports = __toCommonJS(src_exports);
 var import_gpt_vis = require("./gpt-vis");
@@ -50,10 +57,16 @@ var import_bar = require("./vis/bar");
 var import_boxplot = require("./vis/boxplot");
 var import_column = require("./vis/column");
 var import_dual_axes = require("./vis/dual-axes");
+var import_fishbone_diagram = require("./vis/fishbone-diagram");
+var import_flow_diagram = require("./vis/flow-diagram");
 var import_funnel = require("./vis/funnel");
 var import_histogram = require("./vis/histogram");
+var import_indented_tree = require("./vis/indented-tree");
 var import_line = require("./vis/line");
 var import_liquid = require("./vis/liquid");
+var import_mindmap = require("./vis/mindmap");
+var import_network_graph = require("./vis/network-graph");
+var import_organization_chart = require("./vis/organization-chart");
 var import_pie = require("./vis/pie");
 var import_radar = require("./vis/radar");
 var import_sankey = require("./vis/sankey");
@@ -72,11 +85,17 @@ var import_word_cloud = require("./vis/word-cloud");
   Boxplot,
   Column,
   DualAxes,
+  FishboneDiagram,
+  FlowDiagram,
   Funnel,
   GPTVis,
   Histogram,
+  IndentedTree,
   Line,
   Liquid,
+  Mindmap,
+  NetworkGraph,
+  OrganizationChart,
   Pie,
   Radar,
   Sankey,
@@ -88,5 +107,6 @@ var import_word_cloud = require("./vis/word-cloud");
   Violin,
   Waterfall,
   WordCloud,
-  isVisSyntax
+  isVisSyntax,
+  parse
 });