English | 简体中文

G2Plot

A charting library based on the Grammar of Graphics.

Website • Quick Start • Blog • AntV ThemeSet

G2Plot is an interactive and responsive charting library. Based on the grammar of graphics, you can easily make superior statistical charts through a few lines of code.

✨ Features

📦 Pretty & Lightweight

With AntV design principles of data visualization, G2Plot provides standard and elegant visual styles as well as neat config options.

📊 Responsive

G2Plot guarantees the readability of the charts in different sizes and data.

🔳 Storytelling

With the feature of layers, charts can be grouped, nested or linked to do exploratory analysis and expressive storytelling.

📦 Installation

$ npm install @antv/g2plot

🔨 Usage

<div id="container"></div>

import { Bar } from '@antv/g2plot';

const data = [
  { year: '1951 年', sales: 38 },
  { year: '1952 年', sales: 52 },
  { year: '1956 年', sales: 61 },
  { year: '1957 年', sales: 145 },
  { year: '1958 年', sales: 48 },
];

const bar = new Bar('container', {
  data,
  xField: 'sales',
  yField: 'year',
  seriesField: 'year',
});

bar.render();

🤝 How to Contribute

Your contributions are always welcome! Please Do have a look at the issues first.

To become a contributor, please follow our contributing guide.

Thanks goes to these wonderful people (emoji key):

Visiky 💻	hustcc 💻	Joel Alan 💻	刘珍莹 💻	zqlu 💻	arcsin1 💻
被雨水过滤的空气 💻	banli 💻	xi li 💻	DarrenPei 💻	MiniPear 💻	connono 💻
于向前 💻	afc163 💻	Martin Jul 💻	jhwong 💻	Jingsong Gao 💻	Mr小刘 💻
ntscshen 💻	yiminanci 💻	ai-qing-hai 💻	xrkffgg 💻	Dawnlck 💻	Karis 💻
Mayne 💻	Plortinus 💻	Shanjie Chen 💻	Yang Libin 💻	beewolf233 💻	lqzhgood 💻
neoddish 💻	stack-stark 💻	vector 💻	嘤嘤嘤 💻	琚致远 💻	14 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

📧 Contact us

钉钉群组号码: 30233731

🔗 Links

ChartCube - Online chart making tool based on G2Plot.

License

MIT