Streamlit-victory (WIP)

Custom Components
1

Yesterday, I sat down to work through the documentation and make a component, here’s where I am:

https://github.com/randyzwitch/streamlit-victory

https://formidable.com/open-source/victory/

Communication is currently Python → React, but if I can think about how to make it bi-directional I will. This is only 8-hours or so of work, and I don’t know JS, so it’s been a little bit slow. Hoping to make more progress in the coming days.

There is an example in the __init__.py file:

    data = [
        {"quarter": "1", "earnings": 13000},
        {"quarter": "2", "earnings": 16500},
        {"quarter": "3", "earnings": 14250},
        {"quarter": "4", "earnings": 19000},
    ]

    bar_chart = victory_bar(
        data,
        "quarter",
        "earnings",
        alignment="start",
        animate=False,
        width=500,
        horizontal=True,
        barWidth=None,
        barRatio=0.2,
        sortKey=None,
        sortOrder=None,
        scale=None,
    )

    pie_chart = victory_pie(data, "quarter", "earnings",)

    scatter_chart = victory_scatter(data, "quarter", "earnings",)

Which creates the following Streamlit app:

image
image973×1450 22.6 KB

A lot of work ahead!

4 Likes
2

This looks awesome, @randyzwitch! :slight_smile: :balloon:

2 Likes
3

Thanks! Already able to add Area, Line, and Box Plots:

image
image508×1019 19.1 KB

4

Just a heads-up, I squashed the entire set of commits right now, since there were a number of garbage commits due to trying to figure out building a wheel. I’ll keep history from now on :laughing:

5

Proof-of-concept release:

2 Likes