Gallery

GenAi Fundamentals

AI & ChatGPT Intro

Ai Agents

ChatGPT & Streamlit

Advanced ChatGPT Apps

JSON

Explore

Advanced ChatGPT Apps

Sec 1 - Advanced Streamlit Features

Cheatseet

This is a summary of the docs, as of

Streamlit v1.34.0⁠

Install & Import

pip install streamlit

streamlit run first_app.py

# Import convention

>>> import streamlit as st

Pre-release features

pip uninstall streamlit

pip install streamlit-nightly --upgrade

Command line

streamlit --help

streamlit run your_script.py

streamlit hello

streamlit config show

streamlit cache clear

streamlit docs

streamlit --version

Magic commands

# Magic commands implicitly

# call st.write().

"_This_ is some **Markdown***"

my_variable

"dataframe:", my_data_frame

Display text

st.write("Most objects") # df, err, func, keras!

st.write(["st", "is <", 3]) # see *

st.write_stream(my_generator)

st.write_stream(my_llm_stream)

st.text("Fixed width text")

st.markdown("_Markdown_") # see *

st.latex(r""" e^{i\pi} + 1 = 0 """)

st.title("My title")

st.header("My header")

st.subheader("My sub")

st.code("for i in range(8): foo()")

* optional kwarg unsafe_allow_html = True

Display data

st.dataframe(my_dataframe)

st.table(data.iloc[0:10])

st.json({"foo":"bar","fu":"ba"})

st.metric("My metric", 42, 2)

Display media

st.image("./header.png")

st.audio(data)

st.video(data)

st.video(data, subtitles="./subs.vtt")

Display charts

st.area_chart(df)

st.bar_chart(df)

st.line_chart(df)

st.map(df)

st.scatter_chart(df)

st.altair_chart(chart)

st.bokeh_chart(fig)

st.graphviz_chart(fig)

st.plotly_chart(fig)

st.pydeck_chart(chart)

st.pyplot(fig)

st.vega_lite_chart(df)

Add widgets to sidebar

# Just add it after st.sidebar:

>>> a = st.sidebar.radio("Select one:", [1, 2])

# Or use "with" notation:

>>> with st.sidebar:

>>> st.radio("Select one:", [1, 2])

Columns

# Two equal columns:

>>> col1, col2 = st.columns(2)

>>> col1.write("This is column 1")

>>> col2.write("This is column 2")

# Three different columns:

>>> col1, col2, col3 = st.columns([3, 1, 1])

# col1 is larger.

# You can also use "with" notation:

>>> with col1:

>>> st.radio("Select one:", [1, 2])

Tabs

# Insert containers separated into tabs:

>>> tab1, tab2 = st.tabs(["Tab 1", "Tab2"])

>>> tab1.write("this is tab 1")

>>> tab2.write("this is tab 2")

# You can also use "with" notation:

>>> with tab1:

>>> st.radio("Select one:", [1, 2])

Expandable containers

>>> expand = st.expander("My label")

>>> expand.write("Inside the expander.")

>>> pop = st.popover("Button label")

>>> pop.checkbox("Show all")

# You can also use "with" notation:

>>> with expand:

>>> st.radio("Select one:", [1, 2])

Control flow

# Stop execution immediately:

st.stop()

# Rerun script immediately:

st.rerun()

# Navigate to another page:

st.switch_page("pages/my_page.py")

# Group multiple widgets:

>>> with st.form(key="my_form"):

>>> username = st.text_input("Username")

>>> password = st.text_input("Password")

>>> st.form_submit_button("Login")

# Define a dialog function

>>> @st.experimental_dialog("Welcome!")

>>> def modal_dialog():

>>> st.write("Hello")

>>>

>>> modal_dialog()

# Define a fragment

>>> @st.experimental_fragment

>>> def fragment_function():

>>> df = get_data()

>>> st.line_chart(df)

>>> st.button("Update")

>>>

>>> fragment_function()

Display interactive widgets

st.button("Click me")

st.download_button("Download file", data)

st.link_button("Go to gallery", url)

st.page_link("app.py", label="Home")

st.data_editor("Edit data", data)

st.checkbox("I agree")

st.toggle("Enable")

st.radio("Pick one", ["cats", "dogs"])

st.selectbox("Pick one", ["cats", "dogs"])

st.multiselect("Buy", ["milk", "apples", "potatoes"])

st.slider("Pick a number", 0, 100)

st.select_slider("Pick a size", ["S", "M", "L"])

st.text_input("First name")

st.number_input("Pick a number", 0, 10)

st.text_area("Text to translate")

st.date_input("Your birthday")

st.time_input("Meeting time")

st.file_uploader("Upload a CSV")

st.camera_input("Take a picture")

st.color_picker("Pick a color")

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.