Finished d3 nested tree diagram

Author: kuivenhoven1

statsPage/static/jsondata.json

@@ -1 +1 @@
-[{"key": "usage", "values": [{"key": "cdms2", "value": 1}, {"key": "pcmdi_metrics_driver", "value": 1}, {"key": "vcs", "value": 1}, {"key": "genutil", "value": 16}, {"key": "cdutil", "value": 31}]}]
+[{"key": "usage", "values": [{"key": "pcmdi_metrics_driver", "value": 1}, {"key": "cdutil", "value": 31}, {"key": "genutil", "value": 16}, {"key": "cdms2", "value": 1}, {"key": "vcs", "value": 1}, {"key": "Error", "value": 20}]}]

statsPage/static/testing.json

@@ -1 +1 @@
-[{"key": "cdms2", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1, "main_function": "no function"}, {"key": "cdutil", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1, "main_function": "no function"}, {"key": "cdutil", "main_function": "generateLandSeaMask", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "departures"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "departures"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "get"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "get"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "get"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "get"}, {"key": "genutil", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1, "main_function": "no function"}, {"key": "genutil", "main_function": "area_weights", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1}, {"key": "genutil", "main_function": "averager", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1}, {"key": "genutil", "main_function": "minmax", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1}, {"key": "genutil", "main_function": "picker", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1}, {"key": "genutil", "main_function": "StringConstructor", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1}, {"key": "pcmdi_metrics_driver", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1, "main_function": "no function"}, {"key": "vcs", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1, "main_function": "no function"}]
+[{"key": "cdms2", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "cdutil", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "cdutil", "main_function": "generateLandSeaMask", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 20, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "climatology"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 2, "super_sub": "departures"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "departures"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 4, "super_sub": "get"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "get"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "get"}, {"key": "cdutil", "main_function": "times", "subfunction": "Seasons", "value": 1, "super_sub": "get"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 19, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "Error", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "genutil", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "genutil", "main_function": "area_weights", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1}, {"key": "genutil", "main_function": "averager", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1}, {"key": "genutil", "main_function": "minmax", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1}, {"key": "genutil", "main_function": "picker", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1}, {"key": "genutil", "main_function": "StringConstructor", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 1}, {"key": "pcmdi_metrics_driver", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}, {"key": "vcs", "super_sub": "no super_sub", "subfunction": "no subfunction", "value": 0, "main_function": "no function"}]

statsPage/templates/testing/nested_d3.html

@@ -32,7 +32,7 @@
     format: ",d",
     title: "",
     width: 960,
-    height: 500
+    height: 960
 };
 
 function main(o, data) {
@@ -154,20 +154,20 @@
         .text(name(d));
 
     console.log("here's keys for d: " + Object.keys(d));
-    console.log("here's values for d: " + Object.values(d));
+    //console.log("here's values for d: " + Object.values(d));
     //console.log("here's depth for d: " + Object.keys(depth));
-    console.log("here's depth value for d: " + Object.values(d)[6]);
+    //console.log("here's depth value for d: " + Object.values(d)[6]);
     var g1 = svg.insert("g", ".grandparent")
         .datum(d)
         .attr("class", "depth");
 
     var g = g1.selectAll("g")
         .data(d._children)
       .enter().append("g");
-    //console.log("here's g: " + g[0]);
+    //console.log("here's g: " + g);
 
-    g.filter(function(d) { return d._children; })
     //g.filter(function(d) { console.log((d._children).length); return d._children; })
+    g.filter(function(d) { return d._children; })
         .classed("children", true)
         .on("click", transition);
 
@@ -193,6 +193,8 @@
         .attr("class", "ptext")
         .attr("dy", ".75em")
 
+    console.log(t);
+
     t.append("tspan")
         .text(function(d) { return d.key; });
     t.append("tspan")
@@ -203,9 +205,23 @@
     g.selectAll("rect")
         .style("fill", function(d) { return color(d.key); });
 
+    //noTransitionList = ["get", "climatology", "departure"];
+    var noTransitionList = ["get", "climatology", "departures", "no super_sub", "no function"]
+
+    //if d.key is in noTransitionList; return from function without doing anything
     //var que = 0;
   //if(que < 3){
     function transition(d) {
+      console.log("fire transition")
+      console.log("d.:", d )
+
+      for(var i=0; i < noTransitionList.length; i++){
+        if(d.key == noTransitionList[i]){
+            return;
+        }
+      }
+
+
       if (transitioning || !d) return;
       transitioning = true;
       que += 1;
@@ -220,6 +236,7 @@
           //t1 = g1.transition().duration(750),
           //t2 = g2.transition().duration(750);
 
+      console.log(g2);
       // Update the domain only after entering new elements.
       x.domain([d.x, d.x + d.dx]);
       y.domain([d.y, d.y + d.dy]);
@@ -233,7 +250,7 @@
             count += 1;
             //console.log("here's your count: " + count);
             //var c = a.depth - b.depth; 
-            //console.log("a.depth: " + a.depth); 
+            console.log("a.depth: " + a.depth); 
             //console.log("b.depth: " + b.depth); 
             //console.log("a.depth-b.depth: " + c); 
             return a.depth - b.depth; 
@@ -307,6 +324,7 @@
                 .key(function(d) { return d.super_sub; })
                 .entries(res);
             main({title: "<h4>Actions Of UV-CDAT</h4>"}, {key: "Usage", values: data});
+            console.log("data in callback:", data)
         }
     });
 }