https://github.com/antvis/G2Plot
:dango: An interactive and responsive charting library based on G2.
https://github.com/antvis/G2Plot
antv charts g2 g2plot graphics plot visualization
Last synced: 8 months ago
JSON representation
:dango: An interactive and responsive charting library based on G2.
- Host: GitHub
- URL: https://github.com/antvis/G2Plot
- Owner: antvis
- License: mit
- Created: 2019-08-21T03:04:01.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2024-04-25T05:15:39.000Z (over 1 year ago)
- Last Synced: 2024-05-29T00:22:24.377Z (over 1 year ago)
- Topics: antv, charts, g2, g2plot, graphics, plot, visualization
- Language: TypeScript
- Homepage: https://g2plot.antv.antgroup.com
- Size: 20.5 MB
- Stars: 2,526
- Watchers: 63
- Forks: 604
- Open Issues: 426
-
Metadata Files:
- Readme: README.en-US.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- awesome - antvis/G2Plot - :dango: An interactive and responsive charting library based on G2. (TypeScript)
- stars - antvis/G2Plot
- awesome-github-star - G2Plot
README
English | [็ฎไฝไธญๆ](./README.md)
G2Plot
A chart library that is a secondary encapsulation based on the [G2 4.x](https://github.com/antvis/G2) version.
[](https://npmjs.com/@antv/g2plot)
[](https://npmjs.com/@antv/g2plot)
[](https://github.com/antvis/G2Plot/actions?query=workflow%3Abuild)
[](https://coveralls.io/github/antvis/G2Plot)
[](http://isitmaintained.com/project/antvis/g2plot "Percentage of issues still open")
[](http://isitmaintained.com/project/antvis/g2plot "Average time to resolve an issue")
> ๐ข The new version [G2 v5](https://github.com/antvis/G2) has been released. There are no plans to encapsulate G2Plot v3 based on G2 v5 in the future, you can use [Ant Design Charts](https://github.com/ant-design/ant-design-charts) instead.
Website โข
Quick Start โข
Blog โข
AntV ThemeSet
G2Plot is an interactive and responsive charting library.
Based on [the grammar of graphics](https://github.com/antvis/g2), you can easily make superior statistical charts through a few lines of code.
## โจ Features
### ๐ฆ Pretty & Lightweight
With [AntV](https://antv.vision/en) 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
```bash
$ npm install @antv/g2plot
```
## ๐จ Usage
```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();
```
## ๐ค How to Contribute
Your contributions are always welcome! Please Do have a look at the [issues](https://github.com/antvis/g2plot/issues) first.
To become a contributor, please follow our [contributing guide](https://github.com/antvis/g2plot/blob/master/CONTRIBUTING.md).
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/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](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
## ๐ Links
[ChartCube](https://chartcube.alipay.com/) - Online chart making tool based on G2Plot.
## License
MIT