English | 简体中文
- A powerful rendering engine for AntV implemented with Canvas2D / SVG / WebGL / WebGPU.
- 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 Core
$ npm install @antv/g@next --save
# Canvas Renderer
$ npm install @antv/g-canvas@next --save
# SVG Renderer
$ npm install @antv/g-svg@next --save
# WebGL Renderer
$ npm install @antv/g-webgl@next --save<div id="container"></div>import { Circle, Canvas } from '@antv/g';
import { Renderer as CanvasRenderer } from '@antv/g-canvas';
// or
// import { Renderer as WebGLRenderer } from '@antv/g-webgl';
// import { Renderer as SVGRenderer } from '@antv/g-svg';
// create a canvas
const canvas = new Canvas({
container: 'container',
width: 500,
height: 500,
renderer: new CanvasRenderer(), // select a renderer
});
// create a circle
const circle = new Circle({
style: {
x: 100,
y: 100,
r: 50,
fill: 'red',
stroke: 'blue',
lineWidth: 5,
},
});
// append to canvas
canvas.appendChild(circle);Start previewing site:
$ git clone [email protected]:antvis/g.git
$ cd g
$ yarn install
$ yarn startStart a dev-server on root dir, eg. http-server:
$ http-server -p 9090Open api.html on localhost:9090/dev-docs/api.html.