aa1011372655 / g2-plot

WIP: A collection of charts made with the Grammar of Graphics

g2plot : a charting library based on the Grammar of Graphics

G2plot is an interactive and responsive charting library based on the grammar of graphics, which enables users to generate high quality stastical charts through a few lines of code easily.

Moreover, combining with AntV design principles, g2plot provides standard and elegant visual styles as well as better user experience.

Installation

$ npm install @antv/g2plot

Usage

<div id="c1"></div>

import g2plot 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 barPlot = new g2plot.Bar('c1', {
  data,
  xField: 'sales',
  yField: 'year',
  colorField: 'year'
});
        
barPlot.render();

Development

$ npm install

# run test case
$ npm run test-live

# build watching file changes and run demos
$ npm run dev

# run demos
$ npm run demos

How to Contribute

Please let us know how can we help. Do check out issues for bug reports or suggestions first.

To become a contributor, please follow our contributing guide.