Ratios & Proportions

Description

Demonstrates ratios using colored bars and shows how proportional scaling maintains the ratio. A recipe context (flour to sugar) makes the concept concrete and relatable for middle schoolers.

---

Phases

#	Phase Name	Duration	Description
1	Introducing the Ratio	7s	Show blue bar (2 units) and orange bar (3 units) side by side. Label the ratio 2:3.
2	Scaling Up	10s	Animate bars growing to 4:6, then 6:9 while keeping the ratio label updating.
3	Equivalent Ratios	6s	Display all three pairs stacked, show they're equivalent with connecting lines.
4	Recipe Example	10s	Show 2 cups flour : 3 cups sugar, ask how much for double recipe. Animate to 4:6.
5	Summary	5s	Show that multiplying/dividing both sides by the same number keeps ratio equal.

---

Layout

+------------------------------------------------------+
|        [Title: Ratios & Proportions]                 |
|                                                      |
|  BLUE  [====]         (2 units)                      |
|  ORANGE[======]       (3 units)                      |
|                                                      |
|        Ratio:  2 : 3                                 |
|                                                      |
|  [Scaling animation zone]                            |
|  [Formula display at bottom]                         |
+------------------------------------------------------+

Area Descriptions

Area	Content	Notes
Top	Title	Fades in at start
Left-center	Blue bar (flour)	Scales horizontally
Right-center	Orange bar (sugar)	Scales horizontally
Below bars	Ratio labels	Update each phase
Bottom	Equations and takeaways	Per phase

---

Assets & Dependencies

• Fonts: LaTeX / sans-serif
• Colors:
  • Bar A: BLUE (#3B82F6)
  • Bar B: ORANGE (#F97316)
  • Labels: WHITE
  • Background: #1a1a2e
• Manim version: ManimCE 0.19.1

---

Notes

• Bars grow via animate().stretch() or direct width animation.
• Recipe framing (flour:sugar) adds real-world relevance.
• Keep numbers small and clean (2:3 base ratio).