Update final_graph.py

final_graph.py

@@ -160,7 +160,7 @@ def reset_all(): return (
 with gr.Blocks() as demo:
     with gr.Tabs():
         with gr.TabItem("Secant Approximation"):
-            gr.HTML("<p><strong>Secant Approximation</strong> <span style='cursor:help' title='Approximates derivative via (f(x+h)-f(x))/h'>❔</span></p>")
+            gr.HTML("<p><strong>Secant Approximation</strong> <span style='cursor:help' title='Approximates derivative via (f(x+h)-f(x))/h'></span></p>")
             with gr.Row():
                 with gr.Column(scale=3):
                     h = gr.Slider(0.001, 1.0, value=0.01, step=0.001, label="h")
@@ -169,7 +169,7 @@ with gr.Blocks() as demo:
                 with gr.Column(scale=1):
                     gr.HTML("<p><strong>Key Question:</strong><br>What does the secant slope approximate?<br><span style='cursor:help' title='The instantaneous rate of change (derivative).'>❔</span></p>")
         with gr.TabItem("Tangent Visualization"):
-            gr.HTML("<p><strong>Tangent Visualization</strong> <span style='cursor:help' title='Shows tangent line at x and slope dy/dx'>❔</span></p>")
+            gr.HTML("<p><strong>Tangent Visualization</strong> <span style='cursor:help' title='Shows tangent line at x and slope dy/dx'></span></p>")
             with gr.Row():
                 with gr.Column(scale=3):
                     x0 = gr.Slider(-1.0, 2.0, value=0.0, step=0.1, label="x")
@@ -178,7 +178,7 @@ with gr.Blocks() as demo:
                 with gr.Column(scale=1):
                     gr.HTML("<p><strong>Key Question:</strong><br>What does the tangent line represent?<br><span style='cursor:help' title='The instantaneous rate of change at the point.'>❔</span></p>")
         with gr.TabItem("Gradient Descent"):
-            gr.HTML("<p><strong>Gradient Descent</strong> <span style='cursor:help' title='Shows gradient descent steps on x^2 curve'>❔</span></p>")
+            gr.HTML("<p><strong>Gradient Descent</strong> <span style='cursor:help' title='Shows gradient descent steps on x^2 curve'></span></p>")
             with gr.Row():
                 with gr.Column(scale=3):
                     lr = gr.Slider(0.01, 0.5, value=0.1, step=0.01, label="Learning Rate")
@@ -189,7 +189,7 @@ with gr.Blocks() as demo:
                 with gr.Column(scale=1):
                     gr.HTML("<p><strong>Key Question:</strong><br>How does gradient descent move?<br><span style='cursor:help' title='It moves opposite to the gradient towards the function minimum.'>❔</span></p>")
         with gr.TabItem("Chain Rule"):
-            gr.HTML("<p><strong>Chain Rule</strong> <span style='cursor:help' title='Visualizes chain rule in computation graph'>❔</span></p>")
+            gr.HTML("<p><strong>Chain Rule</strong> <span style='cursor:help' title='Visualizes chain rule in computation graph'></span></p>")
             with gr.Row():
                 with gr.Column(scale=3):
                     x_s = gr.Slider(0.0, 2.0, value=1.0, step=0.1, label="x")
@@ -198,7 +198,7 @@ with gr.Blocks() as demo:
                 with gr.Column(scale=1):
                     gr.HTML("<p><strong>Key Question:</strong><br>How is dL/dx computed?<br><span style='cursor:help' title='By multiplying partial derivatives along graph: 4×3×2.'>❔</span></p>")
         with gr.TabItem("Backpropagation"):
-            gr.HTML("<p><strong>Backpropagation</strong> <span style='cursor:help' title='Visualizes backprop in a simple DNN'>❔</span></p>")
+            gr.HTML("<p><strong>Backpropagation</strong> <span style='cursor:help' title='Visualizes backprop in a simple DNN'></span></p>")
             with gr.Row():
                 with gr.Column(scale=3):
                     xb = gr.Slider(-2.0, 2.0, value=0.5, step=0.1, label="x")
@@ -214,7 +214,7 @@ with gr.Blocks() as demo:
     demo.load(load_bp, [], [pb, mb])
     with gr.Row():
         reset_btn = gr.Button("Reset to default settings")
-        gr.HTML("<span style='cursor:help' title='Reset all sliders to defaults.'>❔</span>")
+        gr.HTML("<span style='cursor:help' title='Reset all sliders to defaults.'></span>")
         reset_btn.click(reset_all, [], [h, x0, lr, init, st, x_s, xb, w1b, w2b, tb])
 
-demo.launch()
+demo.launch()