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.

Host: GitHub
URL: https://github.com/antvis/g2plot
Owner: antvis
License: mit
Created: 2019-08-21T03:04:01.000Z (about 5 years ago)
Default Branch: master
Last Pushed: 2024-04-25T05:15:39.000Z (5 months ago)
Last Synced: 2024-05-29T00:22:24.377Z (4 months 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-frontend - g2plot - An interactive and responsive charting library. ![](https://img.shields.io/github/stars/antvis/g2plot.svg?style=social&label=Star) (Repository / Data Visualization)
awesome-canvas - G2Plot - 🍡 An interactive and responsive charting library. ![](https://img.shields.io/github/stars/antvis/g2plot?style=social) ![](https://img.shields.io/github/forks/antvis/g2plot?style=social) (Libraries / Charts Libraries)

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
💻

    
_嘤嘤嘤
💻

    
_琚致远
💻

    
₁₄
💻

  

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