Fixed relationship issue, merge code for updating

Author: wordstreamvis

.idea/workspace.xml

@@ -47,7 +47,7 @@
 <link href="styles/jquery-ui.css" rel="stylesheet" type="text/css"/>
 
 <!--✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ Slider ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿-->
-<svg width="360px" height="375px" class="cp" id="cp">
+<svg width="360px" height="377px" class="cp" id="cp">
     <text y="15px" font-weight="600">Control Panel</text>
 </svg>
 <div id="menu" class="holderCP" style="display: inline-block">
@@ -82,7 +82,7 @@
     <img class="flow" style="left: 68px; width: 33px; height: 23px" src="images/flow.png">
     <label class="switch flow" style="left: 105px;">
         <input type="checkbox" id="flow"
-               onclick="submitInput(updateData)">
+               onclick="submitInput(draw)">
 
         <span class="toggle round"></span>
     </label>
@@ -91,7 +91,7 @@
     <img class="angleVariance" style="top: 302px;left: 278px;width: 32px; height: 35px" src="images/av.png">
     <label class="switch angleVariance" style="left: 315px">
         <input type="checkbox" id="av"
-               onclick="submitInput(updateData)">
+               onclick="submitInput(draw)">
         <span class="toggle round"></span>
     </label>
 
@@ -100,7 +100,7 @@
         <input type="checkbox" id="rel" onclick="showRelationship()">
         <span class="toggle round"></span>
     </label>
-    <input class="submit" onclick="submitInput(updateData)" type="button" value="Submit"><br>
+    <input class="submit" onclick="submitInput(draw)" type="button" value="Submit"><br>
     <input class="computeMetric" onclick="computeMetric()" type="button" value="Compute measurements"><br>
 </div>
 <script src="./javascripts/init.js"></script>

index.html

@@ -1,7 +1,7 @@
-const initWidth = 1500,
-    initHeight = 550,
-    initMinFont = 14,
-    initMaxFont = 36,
+const initWidth = 1400,
+    initHeight = 660,
+    initMinFont = 15,
+    initMaxFont = 35,
     initFlag = "none";// none / fa/ f / a
 
 var initTop = 15;
@@ -12,11 +12,11 @@ var globalWidth = initWidth,
     globalMaxFont = initMaxFont,
     globalFlag = initFlag,
     globalTop = initTop,
-    globalData;
+    globalData,
+    isRel = document.getElementById("rel").checked;
 
 var allW;
 
-var mainGroup, axisGroup, xGridlinesGroup, opacScale, legendGroup, opacity, layerPath, maxFreq;
 
 const color = d3.scale.category10();
 const axis = d3.svg.axis().ticks(4);