收集 G2 生态周边仓库 Collecting G2 related projects 👏🏻👏🏻👏🏻

[pearmini]

只要是和 AntV G2 相关的开源项目，都可以回帖，等仓库超过 10 个，我们就在 G2 官网开一个页面为大家带来开发者。

包含且不限于：

• React、Vue、Angular 等技术栈的封装
• 基于 G2 的组件封装
• 提供封装 G2 的插件，参考 g2-extentions 实现
• 使用 G2 开发的工具、产品
• ...

期望大家一起，让数据可视化社区活跃起来 🔥🔥🔥🔥🔥，当然也可以在这里提出一些想法，组团来实现！

• g2-extentions: The one-stop shop for official @antv/g2 extensions.
• g2-react: The lightweight React component for @antv/g2.
• ant-design-charts: AntV react component library.
• g2x: React component wrapper for @antv/g2.
• g2v: Vue component wrapper for @antv/g2.
• g2-tiny-bar: The tiny bar mark for @antv/g2.
• g2-ssr-node: The tool for G2 spec's SSR(Server-Side Rendering) in Node.js.

[hustcc]

pyg2：A grammar of graphics python library for jupyter notebooks based on G2. 即将升级 ThamaluM/pyG2#4

[hustcc]

Ant Design Charts: AntV react component library

import { Bar } from '@ant-design/plots';

const data = [
  { year: '1951 年', value: 38 },
  { year: '1952 年', value: 52 },
  { year: '1956 年', value: 61 },
  { year: '1957 年', value: 145 },
  { year: '1958 年', value: 48 },
];

const DemoBar = () => {
  const config = {
    data,
    xField: 'year',
    yField: 'value',
    colorField: 'year',
  };
  return <Bar {...config} />;
};

[hustcc]

G2 的 SSR 工具：https://github.com/antvis/g2-extensions/tree/master/ssr

[hustcc]

streamlit-g2: A visualization grammar based on G2 for streamlit. DEMO

import streamlit as st
from streamlit_g2 import g2

options = {
    "type": "interval",
    "data": [
        { "genre": 'Sports', "sold": 275 },
        { "genre": 'Strategy', "sold": 115 },
        { "genre": 'Action', "sold": 120 },
        { "genre": 'Shooter', "sold": 350 },
        { "genre": 'Other', "sold": 150 },
    ],
    "encode": {
        "x": "genre",
        "y": "sold",
        "color": "genre",
    }
}

g2(options=options, style=None, key="streamlit_g2")

API

Now, There is only one API for streamlit-g2, named g2, see the options in G2 Spec API.

Property	Description	Type	Default
options	the options for the visualization, say chart.options(options)	G2options | null	-
style	the style of the container	CSSProperties	-

[hustcc]

https://github.com/GOUYONGCHAO/g2r

基于蚂蚁的antv g2 开发R包，可以快速使用g2画图

[hustcc]

基于 AntV 的 Python 封装：https://github.com/sunhailin-Leo/pyantv

• pyecharts like 的 API 设计，使用如丝滑般流畅，支持链式调用
• 囊括了 AntV G2 的大部分图表（后续兼容 AntV G2 的更多图表以及 AntV 生态的其他图表）
• 支持主流 Notebook 环境，Jupyter Notebook、JupyterLab
• 可轻松集成至 Flask，Sanic，Django 等主流 Web 框架 (Coming soon...)
• 高度灵活的配置项，可轻松搭配出精美的图表
• 详细的文档和示例，帮助开发者更快的上手项目