Calmcode - streamlit: sidebar

How to add a sidebar in streamlit.

1 2 3 4 5 6 7 8 9

This is the that we end up with at the end of the video;

import streamlit as st
import numpy as np
import matplotlib.pylab as plt

st.write("Here is our super important simulation")

st.sidebar.markdown("## Controls")
st.sidebar.markdown("You can **change** the values to change the *chart*.")
x = st.sidebar.slider('Slope', min_value=0.01, max_value=0.10, step=0.01)
y = st.sidebar.slider('Noise', min_value=0.01, max_value=0.10, step=0.01)

st.write(f"x={x} y={y}")
values = np.cumprod(1 + np.random.normal(x, y, (100, 10)), axis=0)

for i in range(values.shape[1]):
    plt.plot(values[:, i])


Note that we run this app from the command line by running;

streamlit run