Picking colors with a color picker
Colors are very difficult to take in as user input in apps. If a user wants red, do they want light red or dark red? Maroon or a pinkish red? Streamlit’s approach to this problem is st.color_picker()
, which lets the user pick a color as a part of their user input, and returns that color in a hex string (which is a unique string that defines very specific color shades used by most graphing libraries as input). The following code adds this color picker to our previous app and changes the color of the Seaborn graphs to be based on the color that the user selects:
import pandas as pd
import plotly.express as px
import streamlit as st
st.set_page_config(layout="wide")
st.title("SF Trees")
st.write(
"""
This app analyses trees in San Francisco using
a dataset kindly provided by SF DPW. The dataset
is filtered by the owner of the tree as selected
in the sidebar!
"""
)...