Skip to main content
100%

Kohonen SOM

✓ Published0🌍 Public
PPhilippe Rivière
Last edited Sep 6, 2016
Created on Sep 6, 2016

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 description

Creating 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>

mit Licensed

Similar vizzes