An interactive and responsive charting library
npm install react-gplot English | 简体中文
A charting library based on the Grammar of Graphics.


!Latest commit




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.
With AntV design principles of data visualization, G2Plot provides standard and elegant visual styles as well as neat config options.
G2Plot guarantees the readability of the charts in different sizes and data.
With the feature of _layers_, charts can be grouped, nested or linked to do exploratory analysis and expressive storytelling.
``bash`
$ npm install @antv/g2plot
`html`
`ts
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();
``
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):
This project follows the all-contributors specification. Contributions of any kind welcome!
DingTalk Group Number: 30233731 / 35686967 (Group 2) / 44788198 (Group 3)

ChartCube - Online chart making tool based on G2Plot.
MIT