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 ( ) ;