English | 简体中文

G

• A powerful rendering engine for AntV providing canvas and svg draw.

✨ Features

• Powerful and scalable rendering capability with built-in basic Graphics.
• Excellent rendering performance and supports visualization scenarios with large amounts of data.
• Complete simulation of browser DOM events, and no difference from native events.
• Smooth animation implementation and rich configuration interfaces.
• While providing Canvas and SVG version of implementation, and both of API basic consistent.

📦 Install

# Canvas version
$ npm install @antv/g-canvas --save
# SVG version
$ npm install @antv/g-svg --save

🔨 Usage

<divid="c1"></div>

import{Canvas}from'@antv/g-canvas';// or use SVG version// import { Canvas } from '@antv/g-svg';constcanvas=newCanvas({container: 'c1',width: 500,height: 500,});constgroup=canvas.addGroup();group.addShape('circle',{attrs: {x: 100,y: 100,r: 50,fill: 'red',stroke: 'blue',lineWidth: 5,},});

⌨️ Development

$ git clone git@github.com:antvis/g.git
$ cd g
$ npm install
$ npm run bootstrap
$ npm run build