← Back to Projects // REACT + CANVAS

Neural Network Visualizer

An interactive visualization of a neural network, built with React patterns. Click nodes to see data propagation in real-time.

// React-style component architecture (vanilla JS implementation for static hosting)
const NeuralNetwork = ({ layers, canvas }) => {
  const nodes = createLayers(layers);
  const weights = initWeights(nodes);

  function forwardPropagate(input) {
    nodes[0].forEach((n, i) => n.value = input[i]);
    for (let l = 1; l < nodes.length; l++) {
      nodes[l].forEach((node, j) => {
        node.value = sigmoid(
          nodes[l-1].reduce((sum, prev, k) =>
            sum + prev.value * weights[l-1][k][j], 0)
        );
      });
    }
  }
};
            