antvis / G
Licence: mit
A powerful rendering engine which providing Canvas and SVG draw for G2 & G6
Stars: ✭ 556
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to G
awesome-canvas
Canvas资源库大全中文版。An awesome Canvas packages and resources.
Stars: ✭ 288 (-48.2%)
Mutual labels: charts, canvas, 2d
Picasso
Picasso is a high quality 2D vector graphic rendering library. It support path , matrix , gradient , pattern , image and truetype font.
Stars: ✭ 205 (-63.13%)
Mutual labels: 2d, 2d-graphics, canvas
Spritejs
A cross platform high-performance graphics system.
Stars: ✭ 4,712 (+747.48%)
Mutual labels: 2d, canvas
SpriteShatter
SKSpriteNode animation extension to 'shatter' a node into smaller pieces
Stars: ✭ 28 (-94.96%)
Mutual labels: 2d, 2d-graphics
isometric
A lightweight JavaScript library, written in TypeScript to create isometric projections using SVGs
Stars: ✭ 53 (-90.47%)
Mutual labels: 2d, 2d-graphics
TileMapGenerator
Create your own 2D Maps with layer-by-layer system using Noise-Sample and BufferedImage pattern
Stars: ✭ 19 (-96.58%)
Mutual labels: 2d, 2d-graphics
Lightweight Charts
Financial lightweight charts built with HTML5 canvas
Stars: ✭ 4,390 (+689.57%)
Mutual labels: charts, canvas
Gg
Go Graphics - 2D rendering in Go with a simple API.
Stars: ✭ 3,162 (+468.71%)
Mutual labels: 2d, 2d-graphics
Wx Charts
微信小程序图表charts组件,Charts for WeChat Mini Program
Stars: ✭ 4,633 (+733.27%)
Mutual labels: canvas, charts
Zrender
A lightweight graphic library providing 2d draw for Apache ECharts
Stars: ✭ 5,122 (+821.22%)
Mutual labels: 2d, canvas
Pencil.js
✏️ Nice modular interactive 2D drawing library
Stars: ✭ 204 (-63.31%)
Mutual labels: 2d, canvas
Cax
HTML5 Canvas 2D Rendering Engine - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎
Stars: ✭ 1,864 (+235.25%)
Mutual labels: 2d, canvas
Wechart
Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]
Stars: ✭ 152 (-72.66%)
Mutual labels: 2d, canvas
ux-charts
Simple, responsive, modern Charts with zero dependencies
Stars: ✭ 22 (-96.04%)
Mutual labels: charts, canvas
React Particles Webgl
🔆 A 2D/3D particle library built on React, Three.js and WebGL
Stars: ✭ 330 (-40.65%)
Mutual labels: 2d, canvas
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
<div id="c1"></div>
import { Canvas } from '@antv/g-canvas';
// or use SVG version
// import { Canvas } from '@antv/g-svg';
const canvas = new Canvas({
container: 'c1',
width: 500,
height: 500,
});
const group = canvas.addGroup();
group.addShape('circle', {
attrs: {
x: 100,
y: 100,
r: 50,
fill: 'red',
stroke: 'blue',
lineWidth: 5,
},
});
⌨️ Development
$ git clone [email protected]:antvis/g.git
$ cd g
$ npm install
$ npm run bootstrap
$ npm run build
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].