Create app.py

app.py

@@ -0,0 +1,71 @@
+import streamlit as st
+import numpy as np
+import plotly.graph_objects as go
+
+# Function to compute dot product
+def compute_dot_product(v1, v2):
+    return np.dot(v1, v2)
+
+# Streamlit app
+st.title("Dot Product Visualization")
+
+# Initialize session state
+if "v1" not in st.session_state:
+    st.session_state.v1 = np.array([1, 0])
+if "v2" not in st.session_state:
+    st.session_state.v2 = np.array([0, 1])
+
+# Sidebar controls for vectors
+st.sidebar.header("Move Vectors")
+
+st.sidebar.subheader("Vector 1")
+x1 = st.sidebar.slider("X component", -5.0, 5.0, float(st.session_state.v1[0]), step=0.1)
+y1 = st.sidebar.slider("Y component", -5.0, 5.0, float(st.session_state.v1[1]), step=0.1)
+
+st.sidebar.subheader("Vector 2")
+x2 = st.sidebar.slider("X component ", -5.0, 5.0, float(st.session_state.v2[0]), step=0.1)
+y2 = st.sidebar.slider("Y component ", -5.0, 5.0, float(st.session_state.v2[1]), step=0.1)
+
+# Update vectors
+st.session_state.v1 = np.array([x1, y1])
+st.session_state.v2 = np.array([x2, y2])
+
+# Compute dot product
+dot_product = compute_dot_product(st.session_state.v1, st.session_state.v2)
+
+# Display dot product value
+st.markdown(f"### Dot Product: `{dot_product:.2f}`")
+
+# Create a plot
+fig = go.Figure()
+
+# Add vector 1
+fig.add_trace(go.Scatter(
+    x=[0, st.session_state.v1[0]], 
+    y=[0, st.session_state.v1[1]], 
+    mode="lines+markers", 
+    marker=dict(size=8),
+    line=dict(width=3),
+    name="Vector 1"
+))
+
+# Add vector 2
+fig.add_trace(go.Scatter(
+    x=[0, st.session_state.v2[0]], 
+    y=[0, st.session_state.v2[1]], 
+    mode="lines+markers", 
+    marker=dict(size=8),
+    line=dict(width=3),
+    name="Vector 2"
+))
+
+# Set axis properties
+fig.update_layout(
+    xaxis=dict(range=[-6, 6], zeroline=True, title="X-axis"),
+    yaxis=dict(range=[-6, 6], zeroline=True, title="Y-axis"),
+    title="Vector Visualization",
+    showlegend=True
+)
+
+# Display plot
+st.plotly_chart(fig)