streamlit 的 图表插件： streamlit-g2

开源地址：streamlit-g2

DEMO 地址：Live Demo

---

G2 is a visualization grammar for dashboard building, data exploration and storytelling.

This project was created to allow us to render G2 charts in streamlit. Live Demo.

Installation

pip install streamlit-g2 

Usage

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	-

Development

• Build frontend code by running npm run build in fold streamlit_g2/frontend.
• Run the example by running streamlit run app.py in root dir.

License

MIT@hustcc.