blog

Cool Visualizations for Classes

These are some visualizations I created while teaching at BUET. Most of them were spontaneous, focusing more on aesthetics rather than maintainability 😅.

🎨 Computer Graphics

These visualizations explore Bézier curves, a fundamental concept in computer graphics used for designing smooth and scalable curves.

• Quadratic Bézier Curve – A simple yet elegant demonstration of quadratic Bézier curves.
• Cubic Bézier Curve – Extends the idea with an additional control point for more complex curves.
• Bézier Derivatives – A visualization of Bézier curve derivatives and their impact on shape dynamics.
• Bézier Polynomials – Deconstructing Bézier curves into their polynomial components.
• Multiple Cubic Bézier Curves – Illustrating how multiple cubic Bézier curves can be stitched together smoothly. Drag the control points to edit the curves.

🔢 Math for CS

• ⚔️ Josephus Simulation – A gripping visualization of the classic Josephus problem, where a white bullet eliminates soldiers one by one 😵.
• 🦸‍♂️ Antman and Thanos – Inspired by the Ant on a Rubber Rope paradox, this visualization explores the mind-bending concept of infinite expansion.

---

These visualizations were created using p5.js, a fantastic JavaScript library for creative coding. Feel free to explore and tweak them! 🚀