test

README.md

@@ -1,13 +1,13 @@
 ---
-title: Is445 Demo
-emoji: 🦀
-colorFrom: purple
-colorTo: indigo
+title: Streamlit Cookbook Code Examples
+emoji: 🏢
+colorFrom: blue
+colorTo: gray
 sdk: streamlit
-sdk_version: 1.37.0
+sdk_version: 1.36.0
 app_file: app.py
 pinned: false
-license: apache-2.0
+license: mit
 ---
 
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,161 @@
+import streamlit as st
+import pandas as pd
+import numpy as np
+import altair as alt
+import plotly.express as px
+import plotly.graph_objects as go
+import pydeck as pdk
+from PIL import Image
+import cv2
+import io
+
+st.set_page_config(page_title="Streamlit Comprehensive Demo 🚀", page_icon="📝", layout="wide")
+
+def main():
+    st.title("🎨 Streamlit Comprehensive Showcase")
+    st.markdown("Explore the various features of Streamlit in this interactive demo!")
+
+    # Sidebar for navigation
+    demo_type = st.sidebar.selectbox(
+        "Choose a Demo",
+        ["Basic Elements", "Data Visualization", "Interactive Widgets", "Advanced Features"]
+    )
+
+    if demo_type == "Basic Elements":
+        show_basic_elements()
+    elif demo_type == "Data Visualization":
+        show_data_visualization()
+    elif demo_type == "Interactive Widgets":
+        show_interactive_widgets()
+    elif demo_type == "Advanced Features":
+        show_advanced_features()
+
+def show_basic_elements():
+    st.header("1. Basic Elements")
+
+    st.subheader("1.1 Text Elements")
+    st.text("This is simple text")
+    st.markdown("This is **markdown** with _styling_")
+    st.latex(r"\begin{pmatrix}a & b \\ c & d\end{pmatrix}")
+
+    st.subheader("1.2 Data Display")
+    df = pd.DataFrame({"A": [1, 2, 3], "B": [4, 5, 6]})
+    st.dataframe(df)
+    st.table(df)
+    st.json({"foo": "bar", "baz": "boz"})
+
+    st.subheader("1.3 Media Elements")
+    st.image("https://streamlit.io/images/brand/streamlit-mark-color.png", width=200)
+    st.audio("https://upload.wikimedia.org/wikipedia/commons/c/c4/Muriel-Nguyen-Xuan-Chopin-valse-opus64-1.ogg")
+    st.video("https://youtu.be/B2iAodr0fOo")
+
+def show_data_visualization():
+    st.header("2. Data Visualization")
+
+    @st.cache_data
+    def load_data():
+        return pd.DataFrame(np.random.randn(20, 3), columns=["A", "B", "C"])
+
+    data = load_data()
+
+    st.subheader("2.1 Streamlit Charts")
+    st.line_chart(data)
+    st.area_chart(data)
+    st.bar_chart(data)
+
+    st.subheader("2.2 Altair Chart")
+    chart = alt.Chart(data).mark_circle().encode(
+        x='A', y='B', size='C', color='C', tooltip=['A', 'B', 'C'])
+    st.altair_chart(chart, use_container_width=True)
+
+    st.subheader("2.3 Plotly Chart")
+    fig = px.scatter(data, x="A", y="B", size="C", color="C")
+    st.plotly_chart(fig, use_container_width=True)
+
+    st.subheader("2.4 PyDeck Chart")
+    chart_data = pd.DataFrame(np.random.randn(1000, 2) / [50, 50] + [37.76, -122.4], columns=['lat', 'lon'])
+    st.pydeck_chart(pdk.Deck(
+        map_style=None,
+        initial_view_state=pdk.ViewState(latitude=37.76, longitude=-122.4, zoom=11, pitch=50),
+        layers=[pdk.Layer('HexagonLayer', data=chart_data, get_position='[lon, lat]', radius=200, elevation_scale=4, elevation_range=[0, 1000], pickable=True, extruded=True)]
+    ))
+
+def show_interactive_widgets():
+    st.header("3. Interactive Widgets")
+
+    st.subheader("3.1 Input Widgets")
+    text_input = st.text_input("Enter some text")
+    number = st.number_input("Enter a number", min_value=0, max_value=100)
+    date = st.date_input("Pick a date")
+
+    st.subheader("3.2 Selection Widgets")
+    option = st.selectbox("Choose an option", ["Option 1", "Option 2", "Option 3"])
+    options = st.multiselect("Choose multiple options", ["A", "B", "C", "D"])
+    slider_val = st.slider("Pick a number", 0, 100)
+
+    st.subheader("3.3 Button and Download")
+    if st.button("Click me!"):
+        st.write("Button clicked!")
+
+    @st.cache_data
+    def get_sample_data():
+        return pd.DataFrame({"A": [1, 2, 3], "B": [4, 5, 6]})
+
+    csv = get_sample_data().to_csv(index=False)
+    st.download_button("Download CSV", csv, "sample_data.csv", "text/csv")
+
+def show_advanced_features():
+    st.header("4. Advanced Features")
+
+    st.subheader("4.1 Layouts")
+    col1, col2 = st.columns(2)
+    with col1:
+        st.write("This is column 1")
+    with col2:
+        st.write("This is column 2")
+
+    with st.expander("Click to expand"):
+        st.write("This content is hidden by default")
+
+    st.subheader("4.2 Progress and Status")
+    progress_bar = st.progress(0)
+    for i in range(100):
+        progress_bar.progress(i + 1)
+    st.success("This is a success message!")
+    st.error("This is an error message!")
+    st.warning("This is a warning message!")
+    st.info("This is an info message!")
+
+    st.subheader("4.3 Cache and Performance")
+    @st.cache_data
+    def expensive_computation(a, b):
+        return a * b
+
+    result = expensive_computation(2, 21)
+    st.write(f"2 * 21 is {result}")
+
+    st.subheader("4.4 Session State")
+    if 'count' not in st.session_state:
+        st.session_state.count = 0
+
+    if st.button('Increment'):
+        st.session_state.count += 1
+
+    st.write('Count = ', st.session_state.count)
+
+    st.subheader("4.5 Forms")
+    with st.form("my_form"):
+        st.write("Inside the form")
+        slider_val = st.slider("Form slider")
+        checkbox_val = st.checkbox("Form checkbox")
+        submitted = st.form_submit_button("Submit")
+    if submitted:
+        st.write("Slider", slider_val, "Checkbox", checkbox_val)
+
+    st.subheader("4.6 Popover")
+    with st.popover("Click for Popover"):
+        st.write("This is a popover")
+        st.image("https://streamlit.io/images/brand/streamlit-mark-color.png", width=100)
+
+if __name__ == "__main__":
+    main()

requirements.txt

@@ -1,3 +1,8 @@
-streamlit
-altair
-vega_datasets
+streamlit==1.36.0
+pandas==1.5.3
+numpy==1.23.5
+altair==5.0.1
+plotly==5.14.1
+pydeck==0.8.0
+Pillow==9.5.0
+opencv-python-headless==4.7.0.72

test_altair_streamlit.py

@@ -1,72 +0,0 @@
-# INSTRUCTIONS:
-# 1. Open a "Terminal" by: View --> Terminal OR just the "Terminal" through the hamburger menu
-# 2. run in terminal with: streamlit run test_altair_streamlit.py
-# 3. click the "Open in Browser" link that pops up OR click on "Ports" and copy the URL
-# 4. Open a Simple Browswer with View --> Command Palette --> Simple Browser: Show
-# 5. use the URL from prior steps as intput into this simple browser
-# stuff
-
-
-import streamlit as st
-import altair as alt
-from vega_datasets import data
- 
-st.title('My First Streamlit App')
-
-source = data.seattle_weather()
-
-scale = alt.Scale(
-    domain=["sun", "fog", "drizzle", "rain", "snow"],
-    range=["#e7ba52", "#a7a7a7", "#aec7e8", "#1f77b4", "#9467bd"],
-)
-color = alt.Color("weather:N", scale=scale)
-
-# We create two selections:
-# - a brush that is active on the top panel
-# - a multi-click that is active on the bottom panel
-brush = alt.selection_interval(encodings=["x"])
-click = alt.selection_point(encodings=["color"])
-
-# Top panel is scatter plot of temperature vs time
-points = (
-    alt.Chart()
-    .mark_point()
-    .encode(
-        alt.X("monthdate(date):T", title="Date"),
-        alt.Y(
-            "temp_max:Q",
-            title="Maximum Daily Temperature (C)",
-            scale=alt.Scale(domain=[-5, 40]),
-        ),
-        color=alt.condition(brush, color, alt.value("lightgray")),
-        size=alt.Size("precipitation:Q", scale=alt.Scale(range=[5, 200])),
-    )
-    .properties(width=550, height=300)
-    .add_params(brush)
-    .transform_filter(click)
-)
-
-# Bottom panel is a bar chart of weather type
-bars = (
-    alt.Chart()
-    .mark_bar()
-    .encode(
-        x="count()",
-        y="weather:N",
-        color=alt.condition(click, color, alt.value("lightgray")),
-    )
-    .transform_filter(brush)
-    .properties(
-        width=550,
-    )
-    .add_params(click)
-)
-
-chart = alt.vconcat(points, bars, data=source, title="Seattle Weather: 2012-2015")
-
-tab1, tab2 = st.tabs(["Streamlit theme (default)", "Altair native theme"])
-
-with tab1:
-    st.altair_chart(chart, theme="streamlit", use_container_width=True)
-with tab2:
-    st.altair_chart(chart, theme=None, use_container_width=True)