Gpt Vis

```GPT-Vis
vis line
data
  - time 2020
    value 100
```

```GPT-Vis
<完整的 Syntax 内容，首行 vis <chart-type>>
```

npm install @antv/gpt-vis

import { GPTVis } from '@antv/gpt-vis';

<script src="https://unpkg.com/@antv/gpt-vis/dist/umd/index.min.js"></script>

<html>
  <head>
    <script src="https://unpkg.com/@antv/gpt-vis/dist/umd/index.min.js"></script>
  </head>
  <body>
    <div id="container"></div>
    <script>
      const gptVis = new GPTVis.GPTVis({
        container: '#container',
        width: 600,
        height: 400,
      });

      gptVis.render(`
vis line
data
  - time 2020
    value 100
  - time 2021
    value 120
title 年度趋势
`);
    </script>
  </body>
</html>

{ type: string; title?: string; theme?: 'default' | 'light' | 'dark' | 'academy'; style?: { backgroundColor?: string; palette?: string[] } }

{ data: { time: string | number; value: number; group?: string }[]; axisXTitle?: string; axisYTitle?: string; stack?: boolean; style?: { lineWidth?: number } }

{ data: { category: string; value: number; group?: string }[]; axisXTitle?: string; axisYTitle?: string; stack?: boolean; group?: boolean }

{ data: { category: string; value: number }[]; innerRadius?: number }

{ data: { x: number; y: number; group?: string }[]; axisXTitle?: string; axisYTitle?: string }

{ categories: string[]; series: { type: 'line' | 'column'; data: number[]; axisYTitle?: string }[]; axisXTitle?: string; style?: { startAtZero?: boolean } }

{ data: number[]; binNumber?: number; axisXTitle?: string; axisYTitle?: string }

{ data: { category: string; value: number; group?: string }[]; axisXTitle?: string; axisYTitle?: string; style?: { startAtZero?: boolean } }

{ data: { name: string; value: number; group?: string }[]; align?: boolean }

{ data: { category: string; value: number; }[]; }

{ data: { category: string; value: number }[]; axisXTitle?: string; axisYTitle?: string; style?: { palette?: string[] } }

{ percent: number; shape?: 'rect' | 'circle' | 'pin' | 'triangle' }

{ data: { text: string; value: number; }[]; }

{ data: { sets: string | string[]; value: number; label?: string }[] }

type TreeNode = { name: string; value: number; children?: TreeNode[] };
{ data: TreeNode[] }

{ data: { source: string; target: string; value: number }[]; nodeAlign?: 'left' | 'center' | 'right' | 'justify' }

type GraphData = { nodes: { name: string }[]; edges: { source: string; target: string; name?: string }[] };

// flow-diagram
{ data: GraphData }

// network-graph
{ data: GraphData; layout?: 'force' | 'circular' | 'grid' | 'radial' | 'concentric' | 'dagre' }

type TreeData = { name: string; children?: TreeData[] };

// mindmap
{ data: TreeData; direction?: 'H' | 'LR' | 'RL' }

// indented-tree
{ data: TreeData; direction?: 'LR' | 'RL' | 'H' }

// organization-chart
type OrganizationChartData = {
  name: string;
  description?: string;
  children?: OrganizationChartData[];
};

{ data: OrganizationChartData }

type FishboneNode = { name: string; children?: FishboneNode[] };
{ data: FishboneNode; style?: { texture?: 'rough' | 'default' } }

{ data: Record<string, string | number>[]; }