Skip to content

Latest commit

 

History

History
92 lines (59 loc) · 2.88 KB

README.md

File metadata and controls

92 lines (59 loc) · 2.88 KB

English | 简体中文

G2Plot

A charting library based on the Grammar of Graphics.

Version NPM downloads Latest commit CI Status coverage

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(document.getElementById('container'), {
  data,
  xField: 'sales',
  yField: 'year',
  colorField: 'year',
});

bar.render();

Contributing

Your contributions are always welcome! Please Do have a look at the issues first.

To become a contributor, please follow our contributing guide.

License

MIT

Links

ChartCube - Online chart making tool based on G2Plot.