50vip

streamlit 的 图表插件: streamlit-g2

  •  1
     
  •   50vip · Dec 19, 2023 · 1529 views
    This topic created in 904 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   ·   1095 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 23:06 · PVG 07:06 · LAX 16:06 · JFK 19:06
    ♥ Do have faith in what you're doing.