Skip to content
All projects
2026Personal ProjectFrontendPersonal productFeatured

ML Visual Lab

Interactive, browser-based learning lab that connects machine learning theory to visual experiments. Learners can manipulate models, inspect the mathematics, and watch statistics, regression, gradient descent, resampling, and regularization respond in real time.

The problem

Machine learning concepts are often taught as disconnected formulas and code, making it difficult for beginners to see how a model actually behaves.

My role

Product engineer

Scope
  • Curriculum and product design
  • Interactive data visualization
  • Frontend testing and CI
Engineering approach

How I approached it

I organized the learning experience around a short lesson-to-experiment loop: explain the concept, expose the model controls, then connect each change to its visual and mathematical result. Learner progress is tracked locally in the browser.

Tech stack
Vue.jsTypeScriptD3.jsKaTeXViteVitestPlaywright
Implemented3
  • Nine-part curriculum with local progress tracking
  • Nine interactive labs with linked math and visualizations
  • Unit, type, build, and Playwright checks in CI

Public links are included when confidentiality permits. Delivery claims describe implemented scope; performance figures are shown only when they were measured for the project.

Need a system with similar scope?

I build full-stack systems end-to-end — architecture, code, deployment, and the operations behind it. If this kind of delivery matches what you need, let's talk.