Visualising 101 #1

HTML

<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="https://cdn.rawgit.com/wagenaartje/neataptic/b0c454af/mkdocs/theme/js/articles/neuroevolution/webcola.js"></script>
<script src="https://cdn.rawgit.com/wagenaartje/neataptic/b0c454af/graph/graph.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/wagenaartje/neataptic/b0c454af/graph/graph.css">
<script src="https://wagenaartje.github.io/neataptic/cdn/1.2.23/neataptic.js"></script>
<body>
  <div class="container">
    <div class="row">
      <svg class="draw" width="800px" height="800px"/>
    </div>
  </div>
</body>

JavaScript

var Node = neataptic.Node;
var Neat = neataptic.Neat;
var Network = neataptic.Network;
var Methods = neataptic.Methods;
var Architect = neataptic.Architect;
var Trainer = neataptic.Trainer;

var network = Architect.Perceptron(2, 10, 20, 2);

// More diverse node types
for(node in network.nodes){
  var node = network.nodes[node];
  node.mutate(Methods.Mutation.MOD_ACTIVATION)
}

network.activate([0,1]);
drawGraph(network.graph(400, 400), '.draw', false);