V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
50vip

streamlit 的 图表插件: streamlit-g2

  •  1
     
  •   50vip · Dec 19, 2023 · 1423 views
    This topic created in 860 days ago, the information mentioned may be changed or developed.

    开源地址: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.

    No Comments Yet
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4874 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 04:03 · PVG 12:03 · LAX 21:03 · JFK 00:03
    ♥ Do have faith in what you're doing.