README

G2Plot

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.

✨ 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 💻	_嘤嘤嘤 💻	_琚致远 💻	₁₄ 💻