Kohonen SOM
A Kohonen self-organizing map trains a 12×12 hexagonal grid of neurons on 500 random RGB data points, then animates both the neurons and the mapped data points into a clustered arrangement. The visualization uses d3.js for SVG rendering and transitions, with the kohonen library handling the neural network training. Each neuron’s color is derived from its weight vector via a cubehelix color space, while the data points, initially scattered randomly, smoothly transition to their nearest matching neurons over a four-second animation, revealing how the SOM organizes high-dimensional input into a low-dimensional topological layout.
AI-generated descriptionCreating a self-organizing map (SOM)
First tentative.
Made by Philippe Rivière with <a href="https://d3js.org/">d3.js</a> and <a href="https://github.com/seracio/kohonen">seracio/kohonen</a>.
Same maths, differents color spaces:
<a href='http://bl.ocks.org/Fil/ae11126ae728cb2af627db6a3dfa756b'>d3.rgb()</a>
<a href='http://bl.ocks.org/Fil/77442da6f83ad6e36076b5ebe38d63da'>d3.hsl()</a>
<a href='http://bl.ocks.org/Fil/1832095c0cc2ccfa07c11e2fcb8f723d'>d3.lab()</a>
<a href='http://bl.ocks.org/Fil/70dccbad91ffcf253387645fadb94614'>d3.cubehelix()</a>