Need help with g?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

antvis
658 Stars 152 Forks 730 Commits 118 Opened issues

Description

A powerful rendering engine implemented with Canvas2D / SVG / WebGL / WebGPU.

Services available

!
?

Need anything else?

Contributors list

English | 简体中文

G

npm package npm downloads npm package npm downloads Percentage of issues still open

  • A powerful rendering engine for AntV implemented with Canvas2D / SVG / WebGL / WebGPU.

✨ 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

# Install Core
$ npm install @antv/g --save
# Canvas Renderer
$ npm install @antv/g-canvas --save
# SVG Renderer
$ npm install @antv/g-svg --save
# WebGL Renderer
$ npm install @antv/g-webgl --save

🔨 Usage

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

⌨️ Development

Start previewing site:

$ git clone [email protected]:antvis/g.git
$ cd g
$ yarn install
$ yarn start

API Spec

Start a dev-server on root dir, eg.

http-server
:
$ http-server -p 9090

Open api.html on

localhost:9090/dev-docs/api.html
.

Run test cases

Build and run test cases:

$ yarn build
$ yarn test

Contributors

|
dengfuping

|
xiaoiver

|
dxq613

|
dependabot-preview[bot]

|
afc163

|
zhanba

| | :-: | :-: | :-: | :-: | :-: | :-: | |
limichange

|
entronad

|
hustcc

|
simaQ

|
zqlu

|
Deturium

| |
Yanyan-Wang

|
elaine1234

|
visiky

|
baizn

|
terence55

|
budlion

| |
luoxupan

|
Leannechn

|

This project follows the git-contributor spec, auto updated at

Tue Dec 07 2021 10:00:16 GMT+0800
.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.