Update relationship

Author: huyen-nguyen

.idea/workspace.xml

@@ -295,6 +295,7 @@ function draw(data) {
                         weight: d.weight,
                         sourceID: d.sourceID,
                         targetID: d.targetID,
+                        id: d.sourceID + "_" + d.targetID
                     });
                 }
             });
@@ -307,14 +308,15 @@ function draw(data) {
                 .domain(d3.extent(visibleLinks, d => d.weight))
                 .range([0.5, 1]);
 
-            var connection = mainGroup.selectAll(".connection").data(visibleLinks);
+            var connection = mainGroup.selectAll(".connection").data(visibleLinks, d => d.id);
             connection.exit().remove();
 
             connection.enter()
                 .append("line")
                 .attr("class", "connection");
 
-            connection
+            connection.transition()
+                .duration(800)
                 .attr("opacity", isRel ? 1 : 0)
                 .attr({
                     "x1": d => d.sourceX,
@@ -330,7 +332,6 @@ function draw(data) {
     } else drawWords();
 
     function drawWords() {
-        var placed = true;
         var prevColor;
 
         var texts = mainGroup.selectAll('.word').data(allWords, d => d.id);
@@ -344,11 +345,9 @@ function draw(data) {
                 }
             })
             .attr("class", "word")
+            .append('text')
 
-        textEnter.transition()
-            .duration(800)
-
-        textEnter.append('text')
+        textEnter
             .text(function (d) {
                 return d.text;
             })

javascripts/main.js

@@ -13,7 +13,7 @@ function submitInput(draw) {
     globalMinFont = parseInt(document.getElementById("fontMin").innerText);
     globalMaxFont = parseInt(document.getElementById("fontMax").innerText);
     globalTop = parseInt(document.getElementById("topRankText").innerText);
-    document.getElementById("rel").checked = false;
+    // document.getElementById("rel").checked = false;
     var isFlow = document.getElementById("flow").checked;
     var isAv = document.getElementById("av").checked;
     if (isFlow && isAv) {

javascripts/update.js

@@ -8,6 +8,7 @@ function loadBlogPostData(draw, top){
         var outputFormat = d3.time.format('%b %Y');
         topics = categories;
         //Filter and take only dates in 2013
+
         rawData = rawData.filter(function(d){
             var time = Date.parse(d.time);
             var startDate =  inputFormat.parse('2012-12-01T00:00:00');
@@ -23,6 +24,7 @@ function loadBlogPostData(draw, top){
             }
             return      time  >= startDate && time < endDate;
         });
+
         var data = {};
         d3.map(rawData, function(d, i){
             var date = Date.parse(d.time);