Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: about 2 months ago
JSON representation

:dango: An interactive and responsive charting library based on G2.

Awesome Lists containing this project

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.

[![Version](https://badgen.net/npm/v/@antv/g2plot)](https://npmjs.com/@antv/g2plot)
[![NPM downloads](https://img.shields.io/npm/dm/@antv/g2plot.svg)](https://npmjs.com/@antv/g2plot)
![Latest commit](https://badgen.net/github/last-commit/antvis/G2Plot)
[![build Status](https://github.com/antvis/G2Plot/workflows/build/badge.svg?branch=master)](https://github.com/antvis/G2Plot/actions?query=workflow%3Abuild)
[![coverage](https://img.shields.io/coveralls/antvis/G2Plot/master.svg)](https://coveralls.io/github/antvis/G2Plot)
[![Percentage of issues still open](http://isitmaintained.com/badge/open/antvis/g2plot.svg)](http://isitmaintained.com/project/antvis/g2plot "Percentage of issues still open")
[![Average time to resolve an issue](http://isitmaintained.com/badge/resolution/antvis/g2plot.svg)](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