Click here to visit the website
I started working on basic website design while lecturing at UCSD. At the time I was simply creating a basic website for storing useful information and content for the students. Over time this grew into a place to implement some math visualization projects relevant to the calculus classes I was lecturing at the time:
- Curves in space
- Vector fields
- Differential equations
The current version of my website has updates to these projects (cleaner aesthetics, more interactive).
I have a passion for sharing knowledge and communicating ideas effectively. Because of this I wanted my website to be the following:
- attractive to look at - engage the eye of the user to gain their attention
- interesting abstractly - representing an algorithm or concept worth thinking about
- interactive - users are more interested in things fun to play around with
Recently I've decided to change careers from mathematics and education into the world of big data.
As part of this journey I have put together this website and have been implementing various projects (written in javascript) to demonstrate my progress. I have many ideas for upcoming visualization projects and will be continuing to update the website as these are completed. If you have any ideas you'd like to suggest please let me know.
| Pages | Description | Preview |
|---|---|---|
| Landing | Interactive demonstration of steering behaviours:
|
 |
| Sorting | Visualization of common sorting algorithms:
|
 |
| Search | Interactive visualization of searching algorithms:
Features include:
|
 |
| Fields | Visualization of various vector fields in 2D:
|
 |
| Perlin | Visualization of "smooth" randomness with Perlin noise Interactive features for adjusting visual characteristics |
 |
| Curves | Visualization of various curves in 3D space:
|
 |
| Double Pendulum | Visualization of a double pendulum (a simple example of a chaotic system) |  |
| Lorenz | Visualization of a Lorenz attractor (a more sophisticated chaotic system) |  |
| Flocking | Demonstration of flocking behaviour of "boids" exhibiting: alignment, cohesion and separation |  |
| Evolutionary Steering | Demonstration of a genetic algorithm - autonomous agents "learn" to eat food and avoid poison | preview here |
| Evolutionary Rockets (Under Constructions 🚧) | Demonstration of a genetic algorithm to solve a pathfinding problem - rockets "learn" to avoid obstacles and reach a target goal | preview here |
| L-systems | Interactive visualization of various L-systems producing a variety of complex fractal-like shapes |  |
| Mandelbrot | Zoomable visualization of the famous Mandelbrot set |  |
| Backgammon Game (Under Construction 🚧) | Backgammon game playable against an AI |  |
| Snake | Playable snake game |  |
- Visualizating the infinite - Mandelbrot set
- L-systems - Fractal trees
- Chaotic behaviour - Double pendulum
- Steering behaviour - Flocking behaviour
- Genetic algorithm - Evolutionary Steering (in progress)
- Minimax algorithm - Backgammon game (in progress)
- Genetic algorithm - Smart Rockets
- N-body simulation - Mutual attraction
- Rotations in 4D - The Tesseract