Ionic Bonding — Electron Transfer

Description

Visualizes ionic bonding by showing how sodium donates its single valence electron to chlorine. The resulting oppositely charged ions attract each other to form NaCl. Electron shell diagrams and LaTeX equations are shown at each step.

---

Phases

#	Phase Name	Duration	Description
1	Title	~3s	Title appears
2	Na atom intro	~5s	Na Bohr model shown, 11 electrons labeled, valence electron highlighted
3	Cl atom intro	~5s	Cl Bohr model shown, 17 electrons labeled, 7 valence electrons highlighted
4	Electron transfer	~7s	Valence electron animates from Na to Cl; Na becomes Na⁺, Cl becomes Cl⁻
5	Equation display	~4s	MathTex equation shown
6	Ion attraction	~6s	Na⁺ and Cl⁻ move together, + and − charges shown
7	NaCl crystal	~5s	Ions merge, "NaCl" label appears
8	Outro	~3s	Summary text

---

Layout

┌─────────────────────────────────────────────┐
│         Ionic Bonding                       │  ← title
├──────────────────────┬──────────────────────┤
│                      │                      │
│   [ Na Bohr Model ]  │  [ Cl Bohr Model ]   │  ← atom diagrams
│                      │                      │
├──────────────────────┴──────────────────────┤
│   Na → Na⁺ + e⁻    (equation)              │  ← equation area
└─────────────────────────────────────────────┘

Area Descriptions

Area	Content	Notes
Top	Title	Fades in
Left	Na Bohr diagram	2,8,1 electron configuration
Right	Cl Bohr diagram	2,8,7 electron configuration
Bottom	LaTeX equation + ion charge labels	Displayed after transfer

---

Assets & Dependencies

• Fonts: LaTeX / sans-serif
• Colors: Na = purple (#9b5de5), Cl = green (#57cc99), electron = yellow, charge+ = red, charge− = blue
• Manim version: ManimCE 0.19.1

---

Notes

• Highlight the single valence electron on Na before transfer
• Animate it flying as a yellow dot from Na's outer shell to Cl's outer shell
• Show charge labels (Na⁺, Cl⁻) after transfer