update

README.md

@@ -1,12 +1,18 @@
-# Netscope
+# Netscope CNN Analyzer
 
-A web-based tool for visualizing neural network topologies. It currently supports UC Berkeley's [Caffe framework](https://github.com/bvlc/caffe).
+available here: http://dgschwend.github.io/netscope 
+
+This is a CNN Analyzer tool, based on Netscope by [ethereon](https://github.com/ethereon).
+Netscope is a web-based tool for visualizing neural network topologies. It currently supports UC Berkeley's [Caffe framework](https://github.com/bvlc/caffe).
+
+This fork adds analysis capabilities, enabling the computation of network complexity (number of operations) and network size (number of parameters) for easy comparison of different networks.
 
 ### Documentation
-- [The Quick Start Guide](http://ethereon.github.io/netscope/quickstart.html)
+- Netscope [Quick Start Guide](http://dgschwend.github.io/netscope/quickstart.html)
 
 ### Demo
-- [Visualization of the Deep Convolutional Neural Network "AlexNet"](http://ethereon.github.io/netscope/#/preset/alexnet)
+- :new: [Visualization of ZynqNet CNN](http://dgschwend.github.io/netscope/#/preset/zynqnet)
+- [Visualization of the Deep Convolutional Neural Network "SqueezeNet"](http://dgschwend.github.io/netscope/#/preset/squeezenet)
 
 ### License
 

assets/css/netscope.css

@@ -15,9 +15,9 @@ h1, h2, h3 {
 /* Layout */
 
 #master-container {
-    overflow: hidden;
+    /*overflow: hidden;
     height: 100%;
-    width: 100%;
+    width: 100%;*/
 }
 
 #net-column {
@@ -51,6 +51,30 @@ h1, h2, h3 {
     text-align: center;
 }
 
+#table-container {
+    display: none;
+    text-align: center;   
+    padding-top:20px; 
+}
+
+#table-header {
+    padding-top: 20px;
+    border-top: 1px solid #554037;
+    min-width: 400px;
+    text-align: center;
+}
+
+#table-content {
+    text-align: center;
+}
+
+#table-content table {
+    display: inline-block;
+    text-align: left;
+    width:auto;
+
+}
+
 #net-group {
     display: inline-block;
 }
@@ -65,6 +89,13 @@ h1, h2, h3 {
     text-align: center;
 }
 
+#net-title .editlink {
+    font-size: 0.3em;
+    padding-left: 10px;
+    color: #554037;
+    cursor: pointer;
+}
+
 #net-error {
     background-color: #C23739;
     color: #FFF;
@@ -118,6 +149,19 @@ h1, h2, h3 {
     color: #FFF;
 }
 
+.node-type-batchnorm {
+    fill: #84AC7E;  /* dirty light green */
+}
+
+.node-type-lrn {
+    fill: #A265AC;  /* dirty pink */
+    fill: #bd0026;  /* deep red */
+}
+
+.node-type-lrn .node-label {
+    color: #fff;
+}
+
 .node-type-source {
     fill: #37A058;
 }
@@ -134,6 +178,18 @@ h1, h2, h3 {
     color: #FFF;
 }
 
+@-webkit-keyframes highlight {
+    from {color: #fff;}
+    to {color: #000;}
+}
+@keyframes highlight {
+    from {color: #fff;}
+    to {color: #000;}
+}
+.node-highlight {
+    animation: highlight 0.3s linear 0s 4 alternate
+}
+
 .edgePath path {
     stroke: #554037;
     fill: #554037;