Streamlit Flowsheet Component

A Streamlit component for rendering interactive process flowsheet diagrams with node selection capabilities.

Features

Interactive process flowsheet visualization with ReactFlow
Node selection with detailed properties panel
Collapsible navigation panel for easy node browsing
Theme-aware (automatically adapts to Streamlit light/dark themes)
Configurable display options (navigation panel, properties panel, node borders)
Returns selected node data to Streamlit

Installation

pip install streamlit-flowsheet

Usage

import streamlit as st
from streamlit_flowsheet import render_flowsheet
import json

# Load model revision data (full CDF response)
with open("model_revision_data.json", "r") as f:
    full_data = json.load(f)

# Extract the flowsheet
flowsheet = full_data["items"][0]["flowsheet"]

# Render the flowsheet
selected_node = render_flowsheet(
    data=flowsheet,
    show_navigation_panel=True,
    show_properties=True,
    show_border=True,
    height=800
)

# Handle selection
if selected_node:
    st.write(f"Selected: {selected_node[0]['name']}")

Parameters

data (dict): Flowsheet object containing simulatorObjectNodes and simulatorObjectEdges.
show_navigation_panel (bool): Show/hide the left navigation panel (default: True)
show_properties (bool): Show/hide the properties panel on node selection (default: True)
show_border (bool): Show/hide node borders (default: True)
height (int): Component height in pixels (default: 800)

Development

Setup

cd streamlit-flowsheet
uv sync --dev
cd streamlit_flowsheet/frontend
npm install

Build Frontend

cd streamlit_flowsheet/frontend
npm run build

Build Package

uv build

License

MIT

Metadata

Release files for streamlit-flowsheet 0.2.11

For a detailed explanation of source distributions (sdists) and built distributions (wheels), please see the package formats documentation.

Source distribution (sdist)

Source distribution for streamlit-flowsheet 0.2.11
File	Size	Uploaded
streamlit_flowsheet-0.2.11.tar.gz	154.8 kB	Dec 6, 2025	Details

Built distribution (wheel)

Table of built distributions (wheels) for streamlit-flowsheet 0.2.11
File	Interpreter	ABI	Platform	Reset
streamlit_flowsheet-0.2.11-py3-none-any.whl 154.6 kB Dec 6, 2025	Python 3	none	any	Details

Total release size: 309.4 kB

Release files / streamlit_flowsheet-0.2.11.tar.gz

Download URL	streamlit_flowsheet-0.2.11.tar.gz
Size	154.8 kB
Tags	Source
SHA-256 checksum How to use checksums	`f7b91e616f0967fab29e9183193475e39024435f93cf8a73c36f848d31a82f91`
BLAKE2b-256 checksum How to use checksums	`7316782db4a6a5d2894c7430a4a50b781e465066f614c41871362544e542c1ce`
Upload date	Dec 6, 2025
Uploaded using Trusted Publishing? What is trusted publishing?	No
Uploaded via	`uv/0.9.11 {"installer":{"name":"uv","version":"0.9.11"},"python":null,"implementation":{"name":null,"version":null},"distro":{"name":"macOS","version":null,"id":null,"libc":null},"system":{"name":null,"release":null},"cpu":null,"openssl_version":null,"setuptools_version":null,"rustc_version":null,"ci":null}`

Release files / streamlit_flowsheet-0.2.11-py3-none-any.whl

Download URL	streamlit_flowsheet-0.2.11-py3-none-any.whl
Size	154.6 kB
Tags	Python 3
SHA-256 checksum How to use checksums	`57f1b2bde5f756dfb6530ed001db22d8f89cdf1b1f5a5b11f3e218a91bb85fd9`
BLAKE2b-256 checksum How to use checksums	`c018e30b84093274ff7cfa5b584028b652e17aa762cf937b3bf65986fbf00d70`
Upload date	Dec 6, 2025
Uploaded using Trusted Publishing? What is trusted publishing?	No
Uploaded via	`uv/0.9.11 {"installer":{"name":"uv","version":"0.9.11"},"python":null,"implementation":{"name":null,"version":null},"distro":{"name":"macOS","version":null,"id":null,"libc":null},"system":{"name":null,"release":null},"cpu":null,"openssl_version":null,"setuptools_version":null,"rustc_version":null,"ci":null}`