New Component: streamlit-g2, a new way to draw charts

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.


pip install streamlit-g2 


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={"width": "100%", "height": "300px"}, key="streamlit_g2")


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 -




Hi @hustcc

Do you have a demo app showing streamlit-g2 in action to share? Anyways, this is super nice, thanks for creating this!

hello, demo is here: , and how can I publish the library into streamlit component gallary?

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.