Instantaneous Rate of Change: Derivative Visual Intro

Updated Animation Specification: Intro to Derivative (with FB Reel Outro)

Scene: IntroDerivativeScene (single Manim Scene)

1. Animation Description & Purpose

Create a concise, visual introduction to the concept of the derivative as the instantaneous rate of change, ending with a brief outro that displays the page name and a tagline. The animation keeps the original educational flow and is sized for a Facebook Reel (portrait 9:16).

• Show a simple function $f(x)=x^2$ and its graph.
• Illustrate the secant line between two points and how it approaches the tangent line as the points converge.
• Reveal the limit definition of the derivative and the resulting derivative formula $f'(x)=2x$.
• Emphasize the geometric meaning (slope of the tangent) with a dynamic tangent line.
• Conclude with a visual of the derivative function plotted alongside the original and an outro that reads:
  1. Physics x Edu (the Facebook page name)
  2. Visual Learning Made Easy

Total runtime: ≈ 34 seconds (well under the 60‑second limit).

2. Mathematical Elements & Formulas

• Function: $f(x)=x^{2}$
• Secant slope: $\displaystyle m_{sec}=\frac{f(x+\Delta x)-f(x)}{\Delta x}$
• Limit definition: $$f'(x)=\lim_{\Delta x\to 0}\frac{f(x+\Delta x)-f(x)}{\Delta x}$$
• Computed derivative: $f'(x)=2x$
• Tangent line at $x=1$: $$y = f'(1)(x-1)+f(1) = 2(x-1)+1$$
• Outro statements: "Physics x Edu" and "Visual Learning Made Easy"

3. Visual Elements

Element	Description	Color / Style
Coordinate axes	Standard Cartesian axes, arrows at ends, labeled $x$ and $y$ (opaque white background for labels)	Light gray axes, black labels
Function curve $f(x)=x^2$	Smooth parabola from $x=-3$ to $x=3$	Deep blue, stroke width 4
Point A (base point)	Small solid circle at $(1,1)$	Red, radius 0.08
Point B (moving point)	Small solid circle at $(1+\Delta x, (1+\Delta x)^2)$	Orange, radius 0.08
Secant line	Straight line connecting A and B, dashed initially, becomes solid as $\Delta x$ shrinks	Orange, dash pattern 0.1, width 3
Tangent line	Solid line through A with slope $f'(1)=2$	Green, width 3
Derivative curve $f'(x)=2x$	Thin green line plotted after derivative is revealed	Green, stroke width 2
Formula text boxes	LaTeX formulas displayed in a semi‑transparent dark rectangle with white text for readability	White text on dark gray background, padding 0.2
Outro text box	Two‑line summary centered near the top: first line "Physics x Edu", second line "Visual Learning Made Easy". Placed inside an opaque dark rectangle with white text; slight drop‑shadow for depth.	White text on dark gray background

4. Animation Timing & Transitions (seconds)

Time	Action
0.0 – 2.0	Fade‑in axes and function curve.
2.0 – 4.0	Appear point A at $(1,1)$ with a brief pop effect.
4.0 – 8.0	Introduce point B moving rightward: start with $\Delta x = 1$ (point at $(2,4)$). Draw dashed secant line between A and B.
8.0 – 12.0	Animate $\Delta x$ decreasing smoothly to 0.2, then 0.05, then 0.01. Secant line updates in real time; dash length shortens to suggest convergence.
12.0 – 14.0	Fade in the limit definition formula box near the top‑right corner.
14.0 – 16.0	As $\Delta x$ approaches 0, replace the dashed secant with a solid green tangent line at A. Simultaneously fade out point B.
16.0 – 18.0	Highlight the slope of the tangent by drawing a small right‑triangle under the line and label its rise/run as "2" (text box with opaque background).
18.0 – 20.0	Fade in the derivative formula $f'(x)=2x$ at the top‑center.
20.0 – 24.0	Plot the derivative curve $y=2x$ across the same axes, drawing from left to right.
24.0 – 26.0	Show a brief side‑by‑side overlay: original parabola in blue, derivative line in green, with a legend (small colored squares with labels) appearing with opaque background.
26.0 – 28.0	Fade out all auxiliary objects, leaving only the axes and both curves for a 2‑second hold.
28.0 – 32.0	Outro: Fade in the outro text box containing the two lines "Physics x Edu" and "Visual Learning Made Easy". Hold for 2 seconds.
32.0 – 34.0	Fade out the outro text box together with the entire scene (axes and curves) to finish.

5. Camera Angles, Perspectives & Output Size

• Fixed orthographic camera throughout; no pan.
• Slight zoom‑in (1.1×) on the region around $x=1$ during the secant‑to‑tangent transition (frames 12‑18), then smoothly zoom back to full view by 20 s.
• Render size: Portrait 9:16 aspect ratio for a Facebook Reel (e.g., 1080 × 1920 pixels). All elements are positioned to stay within the safe central area of the portrait frame.
• No camera movement during the outro; the camera remains at the full‑view framing.

6. Additional Details

• All fades use a 0.5 s linear transition unless otherwise noted.
• Text boxes (formulas, legend, outro) have a 0.1 s fade‑in and a 0.1 s fade‑out.
• Colors are chosen for high contrast and color‑blind friendliness.
• No extraneous narration; visual cues alone convey the concept.
• The entire animation remains within a single Scene subclass, satisfying the one‑scene constraint.