Back to Projects
Coding JavaScript AI Education

AI Visualizer Portals

2/25/2026
View Code

A project focused on visualizing the complex inner workings of AI models. This suite unboxes the “black box” of Generative Artifical Intelligence into comprehensible, interactive steps entirely on the web browser.

Vanilla JS & DOM

Fully browser-based implementation for interactivity.

Custom Visualizations

Custom algorithms built with the HTML Canvas API to visually represent neural matrix math and diffusion steps.

Educational Design

Complex concepts like Tokenization, U-Nets, and Attention Mechanisms explained visually, step by step.

“How does AI actually work?”

The project stemmed from a need to explain AI’s operational pipelines visually and concretely. Generative AI feels like magic, but ultimately it’s just about probabilities, vectors, and filtering out noise. I chose to build four separate portals (Text, Image, Video, Music) to demonstrate the basic core technologies of each AI branch.

// Broadcast Transmission