50vip
V2EX  ›  分享发现

streamlit 的 图表插件: streamlit-g2

By 50vip at 2023 年 12 月 19 日 · 1787 次点击

开源地址:streamlit-g2

DEMO 地址:Live Demo


streamlit G2

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.

examples

PyPI version Build Status Coverage Status npm Version npm Download npm License

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

目前尚无回复
© 2026 V2EX · 34ms · 3.9.8.5