Update src/streamlit_app.py

src/streamlit_app.py

@@ -65,27 +65,85 @@ def create_animated_unit_circle(angle_degrees, show_special_angles=True):
         hoverinfo='skip'
     ))
     
-    # Fixed special angles display
+    # Enhanced special angles display with radians
     if show_special_angles:
-        # Major special angles
-        major_angles = [0, 30, 45, 60, 90, 120, 135, 150, 180, 210, 225, 240, 270, 300, 315, 330]
-        special_x = [np.cos(radians(a)) for a in major_angles]
-        special_y = [np.sin(radians(a)) for a in major_angles]
+        # Major special angles with their radian equivalents
+        special_angles_data = [
+            (0, "0°\n(0)"),
+            (30, "30°\n(π/6)"),
+            (45, "45°\n(π/4)"),
+            (60, "60°\n(π/3)"),
+            (90, "90°\n(π/2)"),
+            (120, "120°\n(2π/3)"),
+            (135, "135°\n(3π/4)"),
+            (150, "150°\n(5π/6)"),
+            (180, "180°\n(π)"),
+            (210, "210°\n(7π/6)"),
+            (225, "225°\n(5π/4)"),
+            (240, "240°\n(4π/3)"),
+            (270, "270°\n(3π/2)"),
+            (300, "300°\n(5π/3)"),
+            (315, "315°\n(7π/4)"),
+            (330, "330°\n(11π/6)")
+        ]
+        
+        special_x = [np.cos(radians(angle)) for angle, _ in special_angles_data]
+        special_y = [np.sin(radians(angle)) for angle, _ in special_angles_data]
+        special_labels = [label for _, label in special_angles_data]
         
-        # Single trace for all special points with labels
+        # Single trace for all special points with degree and radian labels
         fig.add_trace(go.Scatter(
             x=special_x, 
             y=special_y,
             mode='markers+text',
             marker=dict(size=6, color='gray', opacity=0.8),
-            text=[f'{a}°' for a in major_angles],
+            text=special_labels,
             textposition="top center",
-            textfont=dict(size=8),
+            textfont=dict(size=7),
             showlegend=False,
             name='Special Angles',
             hovertemplate='%{text}<extra></extra>'
         ))
     
+    # Add arc to show the angle sweep from x-axis to current position
+    if angle_degrees > 0:
+        # Create arc from 0 to current angle
+        arc_angles = np.linspace(0, angle_rad, max(10, int(angle_degrees/10)))
+        arc_radius = 0.3  # Smaller radius for the arc
+        arc_x = arc_radius * np.cos(arc_angles)
+        arc_y = arc_radius * np.sin(arc_angles)
+        
+        fig.add_trace(go.Scatter(
+            x=arc_x,
+            y=arc_y,
+            mode='lines',
+            line=dict(color='orange', width=3),
+            name=f'Angle Arc ({angle_degrees}°)',
+            showlegend=False,
+            hoverinfo='skip'
+        ))
+        
+        # Add arrow at the end of the arc to show direction
+        if len(arc_x) > 1:
+            # Arrow direction
+            dx = arc_x[-1] - arc_x[-2]
+            dy = arc_y[-1] - arc_y[-2]
+            fig.add_annotation(
+                x=arc_x[-1],
+                y=arc_y[-1],
+                ax=arc_x[-1] - dx*5,
+                ay=arc_y[-1] - dy*5,
+                xref="x",
+                yref="y",
+                axref="x",
+                ayref="y",
+                arrowhead=2,
+                arrowsize=1.5,
+                arrowwidth=2,
+                arrowcolor="orange",
+                showarrow=True
+            )
+    
     # Current point
     fig.add_trace(go.Scatter(
         x=[x_point], y=[y_point],
@@ -117,7 +175,7 @@ def create_animated_unit_circle(angle_degrees, show_special_angles=True):
     
     # Optimized layout
     fig.update_layout(
-        title=f'Unit Circle at {angle_degrees}°',
+        title=f'Unit Circle at {angle_degrees}° ({angle_rad:.3f} rad)',
         xaxis=dict(
             range=[-1.2, 1.2],
             scaleanchor="y",