🎥 Growing Circle Animation – Learn Step by Step
Imagine a small dot at the center of your screen… slowly expanding into a larger circle. This simple animation teaches an important concept: how to visually represent change over time using math and programming.
📚 Table of Contents
- Concept Overview
- Mathematics Behind the Growth
- Step-by-Step Breakdown
- Python Code
- Output
- Key Takeaways
- Related Articles
💡 Concept Overview
The goal is simple:
- Start with a tiny circle
- Gradually increase its radius
- Keep it centered at (0, 0)
- Create a smooth animation
This is a perfect example of combining math + visualization.
📐 Mathematics Behind the Animation
1. Circle Equation
\[ x^2 + y^2 = r^2 \]
This defines a circle centered at the origin.
2. Radius Growth Function
\[ r = i \times 0.5 \]
Where:
- r = radius
- i = frame number
👉 Each frame increases the radius linearly.
3. Time-Based Animation
\[ Time = frames \times interval \]
Example:
\[ 30 \times 50ms = 1500ms (1.5 seconds) \]
⚙️ Step-by-Step Breakdown
Click to expand steps
- Create 2D plot with limits (-10 to 10)
- Initialize small circle
- Update radius each frame
- Redraw circle smoothly
- Maintain equal aspect ratio
💻 Python Code
import matplotlib.pyplot as plt
import matplotlib.animation as animation
fig, ax = plt.subplots()
ax.set_xlim(-10, 10)
ax.set_ylim(-10, 10)
ax.set_aspect('equal')
circle = plt.Circle((0, 0), 0.05)
ax.add_patch(circle)
def update(frame):
radius = frame * 0.5
circle.set_radius(radius)
return circle,
ani = animation.FuncAnimation(fig, update, frames=30, interval=50)
plt.title("Simple Circle Animation")
plt.show()
🖥️ Output Description
What you will see
- A small circle appears at the center - It expands smoothly outward - Growth is continuous and fluid - Ends as a large circle within bounds
💡 Key Takeaways
- Animations are just repeated updates over time
- Math controls motion and growth
- Linear functions create smooth scaling
- Visualization improves understanding
🎯 Final Thought
What starts as a simple expanding circle is actually a powerful lesson in how math and code work together to create motion.
Once you understand this, you can animate anything.
