Neural Network Playground
An interactive web-based application for visualizing and experimenting with neural network architectures.
Features
- Drag-and-Drop Interface: Easily create neural network architectures by dragging and dropping different layer types
- Multiple Layer Types: Support for Input, Hidden, Output, Convolutional, and Pooling layers
- Dynamic Connections: Create connections between layers to define your network topology
- Visual Styling: Beautiful gradient-based styling for different layer types with animations
- Layer Properties: View and edit detailed properties for each layer
- Network Validation: Automatic validation of network architectures
- Training Simulation: Visual simulation of the training process
- Responsive Design: Works on desktop and mobile devices
Getting Started
- Clone this repository
- Open
index.html
in your browser or use a local server:python -m http.server
- Visit
http://localhost:8000
in your browser
How to Use
- Drag layer components from the left panel onto the canvas
- Connect layers by dragging from output ports (right side) to input ports (left side)
- Click on a layer to view its properties
- Edit layer properties by clicking the edit button
- Click "Run Network" to simulate training
Technologies Used
- HTML5
- CSS3 (with animations and gradients)
- JavaScript (vanilla)
- No external libraries required!
License
MIT
Contributing
Contributions, issues, and feature requests are welcome!