@antv/g2 NPM | npm.io

5.2.7 • Published 9 months ago

Install

Weekly downloads

69,193

License

MIT

Repository

Last release

9 months ago

English | 简体中文

简洁的渐进式可视化语法，用于构建仪表盘、数据探索以及数据讲故事。

examples

G2 起源于 Leland Wilkinson 的图形语法：《The Grammar of Graphics》，但又不止于图形语法。

✨ 特色

渐进式语法：结合工业和学术实践，实现图形语法、动画语法和交互语法。
丰富的标记：内置 10+ 基础标记，8+ 高阶标记。
高可扩展性：提供统一机制扩展所有可视化组件。
个性化风格：支持手绘、圆角、纹理等风格。
多环境渲染：支持 Canvas、SVG 以及 WebGL，和 Node.js 服务端渲染。

🔨 开始使用

可以通过 NPM 或 Yarn 等包管理器来安装。

$ npm install @antv/g2

$ yarn add @antv/g2

成功安装之后，可以通过 import 导入 Chart 对象。

<div id="container"></div>

import { Chart } from '@antv/g2';

// 准备数据
const data = [
  { genre: 'Sports', sold: 275 },
  { genre: 'Strategy', sold: 115 },
  { genre: 'Action', sold: 120 },
  { genre: 'Shooter', sold: 350 },
  { genre: 'Other', sold: 150 },
];

// 初始化图表实例
const chart = new Chart({
  container: 'container',
});

// 声明可视化
chart
  .interval()                 // 创建一个 Interval 标记
  .data(data)                 // 绑定数据
  .encode('x', 'genre')       // 编码 x 通道
  .encode('y', 'sold')        // 编码 y 通道
  .encode('color', 'genre');  // 编码 color 通道

// 渲染可视化
chart.render();

如果一切顺利，你可以得到下面的柱状图!

🌍 生态

g2-react - G2 的轻量级 React 组件，没有额外特性。
g2-extensions - G2 的一系列插件库，包含 3D 和智能可视化等。
ant-design-charts - React 图表库，基于 G2, G6, X6, L7Plot.
更多...

📮 参与贡献

问题：报告 bug 或者提出需求
贡献指南：参与建设 G2
讨论：在 GitHub 上或者钉钉群里面讨论（30233731, 35686967, 44788198）

📄 许可证

MIT@AntV.

antv g2 visualization chart grammar graphics interaction animation

@tcljs/g2plot delon-hh lxlib iot-libs fd-system-1 lms-system-service-fronted ohayojp fd-system @hzenfo/form-making-advanced test-hd-st hy-ssssst ng-vk-charts vick-ui @elonwu/component lst_front_mobile_refact @sunnylinner/vcomponents ng-ezbit thinkive-commont-fof thinkive-commont-fof-base form-making-advanced-keeponline vue-vite-admin-ts innopolis-chart sinov-es6 net-ng-util ucocharts bnqczz_delon yelon custom_g2_component @infinitebrahmanuniverse/nolb-_antv potato-map3d-ui lcdp-design @everything-registry/sub-chunk-71 active-package taiya-wsbm sys-lbpm-test wiz-components winner-app-cloud-game-container wl-material vzhangdev_fta_clientview_investment_overview wallet-scan wdc-charts vue-lifeat-ui vue-bizcharts vue-bizcharts-plugin-slider wsbm wsbs-vue wsh-components wxfed-portal xlb-main-login tegra-infrastructure-sh tegra-infrastructure-sh-bizcharts temp-materials sea-chart testsize thinkive-commont-pc vue-common-risp vue-common-risp-test visist vision-canvas-l v-g2 v3ts vue-4a vertx-zero vertx-gi vertx-ui @cxcp/form-imagining @delon/chart jeeplus-form-zhiqiang.lu jh-bigdata jujin-dv jingqi-chart-material ire-components k-ui-test l-graph @shuji-component/cloud-charts stroke-report ty-chat-components-v1 typerx-client timeline-common ts-jcpt ts-librarywww uedcharts tncet-common tn-components @antv/ava @antv/ava-react @antv/calendar-heatmap @antv/chart-node-g6 @antv/chartshaper @antv/gi-assets-scene @antv/gi-assets-xlab @antv/g2-extension-3d @antv/g2-extension-plot @antv/g2plot @antv/li-analysis-assets @ant-design/plots @arco-materials/site-navbar @arco-materials/site-navbar-new @arco-design/arco-site-navbar @aliyun-sls/bizcharts

9 months ago

9 months ago

9 months ago

10 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago