Feat-Fasten the APP

src/streamlit_app.py

@@ -3,38 +3,43 @@ import numpy as np
 import pandas as pd
 import streamlit as st
 
-"""
-# Welcome to Streamlit!
+st.set_page_config(layout="wide")
 
-Edit `/streamlit_app.py` to customize this app to your heart's desire :heart:.
-If you have any questions, checkout our [documentation](https://docs.streamlit.io) and [community
-forums](https://discuss.streamlit.io).
-
-In the meantime, below is an example of what you can do with just a few lines of code:
-"""
+st.title("Fast Spiral Visualization")
 
 num_points = st.slider("Number of points in spiral", 1, 10000, 1100)
 num_turns = st.slider("Number of turns in spiral", 1, 300, 31)
 
-indices = np.linspace(0, 1, num_points)
-theta = 2 * np.pi * num_turns * indices
-radius = indices
 
-x = radius * np.cos(theta)
-y = radius * np.sin(theta)
+@st.cache_data(show_spinner=False)
+def generate_spiral(num_points, num_turns):
+    indices = np.linspace(0, 1, num_points, dtype=np.float32)
+    theta = 2 * np.pi * num_turns * indices
+
+    x = indices * np.cos(theta)
+    y = indices * np.sin(theta)
+
+    return pd.DataFrame({
+        "x": x,
+        "y": y,
+        "idx": indices,
+    })
+
 
-df = pd.DataFrame({
-    "x": x,
-    "y": y,
-    "idx": indices,
-    "rand": np.random.randn(num_points),
-})
+df = generate_spiral(num_points, num_turns)
 
-st.altair_chart(alt.Chart(df, height=700, width=700)
-    .mark_point(filled=True)
+chart = (
+    alt.Chart(df, height=700, width=700)
+    .mark_circle(size=25)   # fixed size = much faster
     .encode(
-        x=alt.X("x", axis=None),
-        y=alt.Y("y", axis=None),
-        color=alt.Color("idx", legend=None, scale=alt.Scale()),
-        size=alt.Size("rand", legend=None, scale=alt.Scale(range=[1, 150])),
-    ))
+        x=alt.X("x:Q", axis=None),
+        y=alt.Y("y:Q", axis=None),
+        color=alt.Color(
+            "idx:Q",
+            legend=None,
+            scale=alt.Scale(scheme="turbo")  # faster & nicer
+        ),
+    )
+)
+
+st.altair_chart(chart, use_container_width=True)