Prototype Overview
A zero-build, CDN-only single-page application that benchmarks four ML inference frameworks directly in the browser.
Quick facts
| Property |
Value |
| Architecture |
SPA |
| Build step |
None — native ES modules |
| Dependencies |
Zero — all libraries loaded via CDN |
| Runtimes |
TF.js, ONNX Runtime Web, Transformers.js, MediaPipe Tasks |
| Backends |
CPU (JS), WASM, WebGL, WebGPU, WebNN |
| Model |
MobileNet v2 (classification) |
| Storage |
localStorage (run history) |
| Themes |
Light / Dark toggle |
Pages
| Page |
Hash |
Purpose |
| Home |
#home |
Landing page with architecture overview and runtime cards |
| Tutorial |
#tutorial |
5-step guided walkthrough for learners |
| Playground |
#playground |
Free-form pipeline configuration and benchmarking |
| Results |
#results |
Comparison table with per-runtime stat cards and CSV export |
| Research |
#research |
Research notes and decision logs (sidebar + content area) |
Layer overview
Full architecture diagram and data flow
| # |
Layer |
Color |
| 1 |
Shell / Router |
Blue |
| 2 |
Tutorial & Playground Engines |
Green / Yellow |
| 3 |
Block Runtime |
Purple |
| 4 |
ML Execution |
Red |
| 5 |
Benchmarking |
Pink |