G2下载G2源代码下载

G2

其他源码

5.2.7

下载

英语| 简体中文

G2

G2是用于仪表板构建，数据探索和讲故事的可视化语法。

建立状态

G2以利兰·威尔金森（Leland Wilkinson）的著作《图形语法》（Grammar of Graphics）的名字命名，并在一开始就受到了它的深刻启发。以下是您可以开始的一些资源：

简介 - 简短的概述和G2的动机
示例 - 大量的演示可以学习和复制 -
教程 - G2核心概念的互动案例驱动指南
API参考 - 所有可视化组件的完整文档
编辑 - 基于ANTV的智能生成工具。它利用AI来降低数据可视化的开发成本，并可以通过自然语言快速生成视觉图表。

特征

渐进用法- G2的主要目的是帮助您通过简洁的声明快速获得有意义的可视化，并将其置于其余的情况下。但是您可以为复杂和高级情况配置更多。
声明性API-我们采用功能性声明性API来以程序化的方式指定图表选项，这有助于更好的逻辑重复使用和更灵活的代码组织。
高可扩展性- 为满足特定需求，G2提供了一种方便，一致的机制，以扩展您可以想象的一切，无论是刻度，转换，商标等。您甚至可以根据此机制自定义一个全新的可视化工具。
综合语法-G2拒绝图表类型，以支持分数，变换，尺度，坐标和组成。除了静态视觉表示外，还可以声明数据驱动的动画并将基于精心设计的基于动作的互动应用于图。
强大的渲染器- G2下有一个功能强大的渲染器G，用于使用Canvas，SVG或WebGL生成基于Web的可视化。大量的插件从渲染图表中获得了G2的好处，该图表具有新颖的样式，例如手绘和完全包含D3的生态系统。

？入门

G2通常通过软件包管理器（例如NPM或纱线）安装。

$ npm install @antv/g2

$ yarn add @antv/g2

然后可以从G2导入图表对象。

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

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

// A tabular data to be visualized.
const data = [
  { genre : 'Sports' , sold : 275 } ,
  { genre : 'Strategy' , sold : 115 } ,
  { genre : 'Action' , sold : 120 } ,
  { genre : 'Shooter' , sold : 350 } ,
  { genre : 'Other' , sold : 150 } ,
] ;

// Instantiate a new chart.
const chart = new Chart ( {
  container : 'container' ,
} ) ;

// Specify visualization.
chart
  . interval ( ) // Create an interval mark and add it to the chart.
  . data ( data ) // Bind data for this mark.
  . encode ( 'x' , 'genre' ) // Assign genre column to x position channel.
  . encode ( 'y' , 'sold' ) // Assign sold column to y position channel.
  . encode ( 'color' , 'genre' ) ; // Assign genre column to color channel.

// Render visualization.
chart . render ( ) ;