Canvas Neural Network Visualizer

Difficulty: Intermediate | Runtime: HTML5 Canvas | Output: Animated visualization

Teach an AI agent to visualize a feed-forward neural network with animated signal propagation, node activations, and weight connections.

What You'll Build

A self-contained HTML file showing an animated neural network:

• Configurable layer sizes (input → hidden → output)
• Weighted connections drawn as lines (thickness = weight magnitude)
• Signal pulses traveling along connections during forward pass
• Node activation glow effect (brighter = higher activation)
• Continuous forward pass animation with random inputs

Teaching Points

• Neural network architecture visualization
• Canvas arc drawing for nodes
• Line thickness mapping for weight visualization
• Particle/pulse animation along paths
• Color interpolation for activation display