1. @antv/g2plot
An interactive and responsive charting library
@antv/g2plot
Package: @antv/g2plot
Created by: antvis
Last modified: Sun, 28 Apr 2024 09:01:21 GMT
Version: 2.4.31
License: MIT
Downloads: 375,283
Repository: https://github.com/antvis/G2plot

Install

npm install @antv/g2plot
yarn add @antv/g2plot

English | 简体中文

G2Plot

A charting library based on the Grammar of Graphics.

Version
NPM downloads
Latest commit
build Status
coverage
Percentage of issues still open
Average time to resolve an issue

WebsiteQuick StartBlogAntV 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

💻

嘤嘤嘤

💻

琚致远

💻

14

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

📧 Contact us

DingTalk Group Number: 30233731 / 35686967 (Group 2) / 44788198 (Group 3)

ChartCube - Online chart making tool based on G2Plot.

License

MIT

Dependencies

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code