Splashery

Aisle 3No. 32 of 460

Splashery

Neural Network

550,001 small parts. Assembled in your browser.

Empty. Now look down.

Neural Network, a still.
203003200006
$0.00

Swipe across the pack to tear it open.

Press and hold. It pulls itself together.

Let go to drop it.

It stays in its pack here. The Playground has the rest.

Playground

AI and Computing · Built from a recipe

Neural Network

A neural network is made of simple artificial neurons in layers.

Play with it in the Playground

How to play

Tap it to send signals forward, then learn backward. Set its size in the Splash tab.

Toy facts

Item
No. 32 of 460
Shelf
Aisle 3, AI and Computing
Kind
Built from a recipe
Small parts
550,001
Sound
Yes
Batteries
None
Assembly
It does that itself
Licenses
Own work (made in the page)
Price
$0.00

Small parts are the splats in its usual build on a computer. A phone may draw fewer.

Its controls

ControlKindRangeStart
Forward and backTap
TrainButton
InputsSetting
Hidden layersSetting
Neurons per hidden layerSetting
OutputsSetting
ViewList2 choicesPoster (2D)

About it

A neural network is made of simple artificial neurons in layers. Each neuron adds up the signals coming in, each multiplied by a weight, and passes on a signal of its own; the weights are what the network learns. In training, a forward pass makes a guess, and backpropagation sends the error back through the network, finding how each weight affects the error; an optimizer then adjusts the weights.

Tap it: pulses run from the inputs through the hidden layer to the outputs, each neuron glowing as strongly as it fires, and one output wins. Then red pulses run back and the wires thicken or thin as the weights change. In the Splash tab, set the number of inputs, hidden layers, neurons and outputs, and pick the poster or a 3D model. The pulses and changing wires illustrate training; this splash repeats a prepared example.

Details

Splats
Opens at 200,000 at Mid Detail, 120,008 at Low, and up to 790,000 at Max

Is it right?

The activations come from a real sigmoid forward pass for every supported size. The backward pulses and changing wire widths illustrate training, but they do not calculate a loss gradient.

  1. Correct

    Each neuron applies an activation to a weighted sum.1

    Every layer is checked independently as sigmoid of the incoming weighted sum plus its bias, including the default 3-4-2 network.

  2. Correct

    The size controls choose a small multilayer network.1

    The 108 control combinations stay within the 14-neuron cap and use the same forward calculation.

  3. Simplified

    Backward pulses and wire changes are a prepared training illustration.2

    Wire changes use a repeating index-based pattern; no target, loss, chain rule, or updated forward pass is used.

  1. 1Multilayer perceptrons, Dive into Deep Learning authors
  2. 2Backpropagation, Dive into Deep Learning authors
Simplified
Inputs and weights are deterministic examples. The apparent backward update uses fixed wire changes rather than backpropagation; the total size is capped at 14 neurons.

Sources and credits

Made in Splashery. Its code is MIT.

Share it

This link opens it in the Playground. To put it on your own page, add the element and one script tag. Every option.

https://splashery.app/play/?toy=neural-network
<script type="module" src="https://splashery.app/play/src/element.js"></script>
<splashery-toy toy="neural-network"></splashery-toy>