Splashery

Playground
Neural Network, a still.

AI and Computing · Built from a recipe

Neural Network

E♭4 on the minor comb. Its drum rings at 290.3 Hz.

Turn it in the PlaygroundTap the picture to strike it.

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

Shelf
AI and Computing
Kind
Built from a recipe
Sound
Yes
Licenses
Own work (made in the page)

Its note

Splashery stretches a drumhead over this Splash's outline, twelve inches across, and finds the ways it can ring. Its lowest is 290.3 Hz, 120 cents flat of E♭4, the nearest tine on the comb. The next fifteen are its overtones, and each one draws its own figure: sand gathers on the lines that stay still.

The sixteen ways Neural Network's drum can ring, lowest first.
  1. 1290 Hz
  2. 2421 Hz
  3. 3493 Hz
  4. 4576 Hz
  5. 5581 Hz
  6. 6700 Hz
  7. 7712 Hz
  8. 8742 Hz
  9. 9776 Hz
  10. 10841 Hz
  11. 11870 Hz
  12. 12911 Hz
  13. 13933 Hz
  14. 14984 Hz
  15. 15989 Hz
  16. 16994 Hz

How to play

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

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>

Nearby on the strip