visualizations

[robertleeplummerjr]

Would be fantastic to have a nice visualization of a network. Here is a really nice example: http://bl.ocks.org/mbostock/4062045

[robertleeplummerjr]

Some other fantastic examples:

• Bi-directional hierarchical sankey diagram - http://bl.ocks.org/Neilos/584b9a5d44d5fe00f779
• App dependencies - https://script.google.com/a/macros/ifit.com/s/AKfycbwXBX4e5Qrj8DhIcB7mq5tKBdkUOeKAzYhPjcySeNEqjJjoMFc/exec
• Visualizing a GA - http://karstenahnert.com/gp/
• Visualizing genes - http://amp.pharm.mssm.edu/clustergrammer/
• Better force layout - http://bl.ocks.org/couchand/6420534
• Detailed force layout - https://nylen.io/d3-process-map/graph.php?dataset=les-mis

[robertleeplummerjr]

Another: http://www.yasiv.com/graphs#HB/blckhole

[robertleeplummerjr]

http://js.cytoscape.org/

[robertleeplummerjr]

tons here: http://anvaka.github.io/graph-drawing-libraries/#/all

[robertleeplummerjr]

http://marcusbuffett.github.io/Three.js-Neural-Network-Visualizer/

[robertleeplummerjr]

Opened up the dev tools on that one, and guess what I saw... "brain.js"

[robertleeplummerjr]

Another awesome one: http://nn-mnist.sennabaum.com/

[wagenaartje]

My neural network library also offers visualization: https://github.com/wagenaartje/neataptic

[robertleeplummerjr]

and starred.

[robertleeplummerjr]

Found this, and I'm in love: https://github.com/marcusbuffett/Three.js-Neural-Network-Visualizer

[mac2000]

Hmm, not sure if at all got it right but did tried to take my trained network, convert it to JSON and iterate over layers and their weights to previous layers and draw it with sankey chart from Google - it gonna work because of huge amount of nodes and edges, in my case it was 400 -> 200 -> 2, chart is not readable and visualizes nothing

But in simple cases like XOR model it looks pretty nice:

https://output.jsbin.com/cuhakoc

But still is not good enough describing anything, it should be something interactive probably to show how it works underneeth so maybe even hardcoded or something

[robertleeplummerjr]

I think that output is quite beautiful! Is there a way to possibly show more details about dimensions of the net, and could this possibly be put into a lib? If it were a lib, what would you call it?

[drumrock]

Just had some time to play with canvas and BrainJS.

As a result, there is JavaScript-class with no dependencies that can render inner structure directly from BrainJS net object.

https://github.com/drumrock/BrainJsVisualizer

I will probably extend it's functionality, but I don't know which data is important to be displayed here.

[robertleeplummerjr]

@drumrock fantastic! I wonder if we can show activation "heat" in the lines or neurons.

[robertleeplummerjr]

Some work to make a full on GPU visualization of error: https://jsfiddle.net/hnkxm8y2/4/

Unexpectedly, XOR runs RIDICULOUSLY fast.

[harshkhandeparkar]

I forgot to mention something. The x-axis is Is about 2000 times bigger than y :sweat_smile:. It really isnt training that fast.

If the scales were same, the x dimension would be a few million pixels long. If the x-axis is small then y values become less than one pixel so those become invisible. There is no to cram the full data other than to scale the axes differently.

Sorry