Generation Prompt
Page: Perceptron - Digit Recognition
Slogan: "Handwritten digit recognition with neural networks"
Structure:
- Widget before:title → h1 + p.slogan centered
- Widget left:models → Model selector (nav#model-list)
- Main → Gauges (10 vertical bars) + Canvas (20×20 grid) + Reset button
- Widget right:stats → Model details (topology, accuracy, epochs)
- Widget modal:claude → Documentation
Canvas:
- 20×20 grid of 20px squares with 1px gap
- White background, black drawing
- Click + drag to draw
- Touch support for mobile
- Anti-aliasing via line interpolation
Gauges:
- 10 vertical bars (digits 0-9)
- Real-time probability display
- Highlight predicted digit
MLP:
- Dynamic architecture from JSON
- Activation: ReLU (hidden) + Softmax (output)
- Weights loaded from /_api/perceptron/
- Multiple models available