antvis/G2

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

pearmini posted onGitHub

只要是和 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.

pyg2:A grammar of graphics python library for jupyter notebooks based on G2. 即将升级 https://github.com/ThamaluM/pyG2/issues/4

posted by hustcc over 1 year ago

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} />;
};
posted by hustcc about 1 month ago
posted by hustcc about 1 month ago

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")

<img src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*XqCnTbkpAkQAAAAAAAAAAAAADmJ7AQ/fmt.webp" width="640" alt="example">

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 -
posted by hustcc about 1 month ago

https://github.com/GOUYONGCHAO/g2r

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

posted by hustcc about 1 month ago

基于 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...)
  • 高度灵活的配置项,可轻松搭配出精美的图表
  • 详细的文档和示例,帮助开发者更快的上手项目
posted by hustcc about 1 month ago

Fund this Issue

$0.00
Funded

Pull requests