diff options
| -rw-r--r-- | code/weightvis.js | 9 | ||||
| -rw-r--r-- | code/weightviswrapper.js | 1 | ||||
| -rw-r--r-- | index.css | 4 | ||||
| -rw-r--r-- | index.html | 19 |
4 files changed, 29 insertions, 4 deletions
diff --git a/code/weightvis.js b/code/weightvis.js index 428d3ce..b964367 100644 --- a/code/weightvis.js +++ b/code/weightvis.js @@ -517,7 +517,14 @@ var NetVisualizer = (function() { min = d3.min(flatActivations, Math.abs); var node = this.svg.selectAll(".node"); node.each(function(d) { d.altLayout = activations[d.layer][d.node]>0; }) - .attr("r", function(d) { return 2 * d.r * (Math.abs(activations[d.layer][d.node]) - min) / (max-min); }) + .attr("r", function(d) { return 2 * d.r * (Math.abs(activations[d.layer][d.node]) - min) / (max-min); }) + .style("fill", fNodeColor); + }; + + NetVisualizer.prototype.clearNodeHighlights = function() { + this.svg.selectAll(".node") + .each(function(d) { d.altLayout = false; }) + .attr("r", function(d) { return d.r; }) .style("fill", fNodeColor); }; diff --git a/code/weightviswrapper.js b/code/weightviswrapper.js index 1a0c5a6..4b0697b 100644 --- a/code/weightviswrapper.js +++ b/code/weightviswrapper.js @@ -149,6 +149,7 @@ var WeightVisWrapper = (function() { this.controlBarAttached = false; } this.reposition(); + this.netVisualizer.clearNodeHighlights(); }; WeightVisWrapper.prototype.remove = function(el) { @@ -86,3 +86,7 @@ table.center { .sources-list { margin: 1em; } + +#io h3 { + padding-bottom: 1em; +} @@ -20,7 +20,6 @@ <script src="code/errorvis.js" type="text/javascript"></script> <script src="code/bostonset.js" type="text/javascript"></script> - <!-- TODO Lizenzen Emoji One, Wikimedia-Bilder --> <script type="text/javascript"> var weightsWrapper = new WeightVisWrapper(); var errorVis = new ErrorVis(); @@ -105,7 +104,6 @@ <!-- TODO Fortschrittsbalken unten? --> <div id="title" class="step slide" data-x="0" data-y="0" data-z="1000"> <h1>Künstliche neuronale Netze</h1> - <!-- TODO center oder Bild --> <h2>38 Gewichte in 19 Minuten</h2> </div> @@ -470,7 +468,22 @@ </div> <div id="thanx" class="step slide" data-x="7000" data-y="1000" data-z="1000"> - <h1 class="emoji">:blush:</h1> + <h3 class="emoji">Vielen Dank für die Aufmerksamkeit! :blush:</h3> + <div class="visContainer"></div> + + <script type="text/javascript"> + (function() { + var mocker = new WeightVisWrapper(); + new VisIntegrater(function(c) { + weightsWrapper.afterLoad(function() { + weightsWrapper.jumpTo(weightsWrapper.steps()-1); + weightsWrapper.openIn(c, false); + }); + }, function(c) { + weightsWrapper.remove(c); + }, ".visContainer"); + })(); + </script> </div> <div id="overview" class="step" data-x="3500" data-y="1500" data-scale="11"> |