From 207d8837c89b5f41fbf28963dcca6f6e0ab5477f Mon Sep 17 00:00:00 2001
From: Angelos Chatzimparmpas <angelos.chatzimparmpas@gmail.com>
Date: Tue, 5 Jan 2021 16:13:42 +0100
Subject: [PATCH] new

---
 __pycache__/run.cpython-38.pyc                | Bin 27671 -> 29696 bytes
 .../src/components/FeatureSpaceDetail.vue     | 284 ++++++++++--------
 .../src/components/FeatureSpaceOverview.vue   |  54 ++--
 frontend/src/components/Heatmap.vue           |   6 +-
 frontend/src/components/Main.vue              |  27 ++
 run.py                                        | 201 ++++++++++---
 6 files changed, 363 insertions(+), 209 deletions(-)

diff --git a/__pycache__/run.cpython-38.pyc b/__pycache__/run.cpython-38.pyc
index 4bd0b405e1698e24f786844b821bb6c414725450..7c692633f849b7e9a0d7bbe9a1114f018f09a79e 100644
GIT binary patch
delta 9716
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

delta 7543
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
Q?vyYw$C(lW%+kyM53dcNC;$Ke

diff --git a/frontend/src/components/FeatureSpaceDetail.vue b/frontend/src/components/FeatureSpaceDetail.vue
index 42c40b9..8f6b4af 100644
--- a/frontend/src/components/FeatureSpaceDetail.vue
+++ b/frontend/src/components/FeatureSpaceDetail.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="column">
     <svg id="chartID" class="chart"></svg>
-    <div id="FeatureGraph" style="border-style: solid; border-width: 2px; border-color: yellow; min-height: 819px; max-height: 819px; min-width: 819px"></div> 
+    <div id="FeatureGraph" style="border-style: solid; border-width: 3px; border-color: yellow; min-height: 819px; max-height: 819px; min-width: 819px"></div> 
       <div id="toolbar" style="min-height: 67px; max-height: 67px; margin-top: 25px">
           <div class="panel panel-default" data-placement="center">
             <div class="panel-body" id="resetAllFilters" data-placement="center" style="margin-top: -20px">
@@ -102,6 +102,7 @@ export default {
       this.graphVizualization()
     },
     computeOnce () {  
+        var numberOfTransformations = 4 // change that
 
         var listofNodes = this.dataFS[34]
         var dataLocOnce = []
@@ -109,6 +110,8 @@ export default {
           dataLocOnce.push(JSON.parse(this.dataFS[loop+2]))
         }
 
+        var featureNames = JSON.parse(this.dataFS[35])
+
         var pushEach
         var oldVal
         var newVal
@@ -124,14 +127,15 @@ export default {
           var pushEachFinal = []
 
           this.dataFSTrans.forEach(function(element, index) {
-              var round = element.round
-              round = JSON.parse(round[loop-1])
+
+              var transf1 = element.transf1
+              transf1 = JSON.parse(transf1[loop-1])
               oldVal = 0
               newVal = 0
               outcome = 0
               countLoc = 0
               pushEach = []
-              Object.entries(round).forEach(
+              Object.entries(transf1).forEach(
               function ([feature, value]) {
                 var key = Object.keys(value)
                 var retrieveData = dataLocOnce[loop-1]
@@ -143,15 +147,15 @@ export default {
               oldVal = oldVal / listofNodes.length
               newVal = newVal / listofNodes.length
               outcome = oldVal - newVal
-              pushEach.push({keyIns: "r", valueIns: outcome})
+              pushEach.push({keyIns: featureNames[(index)*numberOfTransformations+0], valueIns: outcome})
 
-              var roundLogE = element.roundLogE
-              roundLogE = JSON.parse(roundLogE[loop-1])
+              var transf2 = element.transf2
+              transf2 = JSON.parse(transf2[loop-1])
               oldVal = 0
               newVal = 0
               outcome = 0
               countLoc = 0
-              Object.entries(roundLogE).forEach(
+              Object.entries(transf2).forEach(
               function ([feature, value]) {
                 var key = Object.keys(value)
                 var retrieveData = dataLocOnce[loop-1]
@@ -163,15 +167,15 @@ export default {
               oldVal = oldVal / listofNodes.length
               newVal = newVal / listofNodes.length
               outcome = oldVal - newVal
-              pushEach.push({keyIns: "r_E", valueIns: outcome})
+              pushEach.push({keyIns: featureNames[(index)*numberOfTransformations+1], valueIns: outcome})
 
-              var roundLog2 = element.roundLog2
-              roundLog2 = JSON.parse(roundLog2[loop-1])
+              var transf3 = element.transf3
+              transf3 = JSON.parse(transf3[loop-1])
               oldVal = 0
               newVal = 0
               outcome = 0
               countLoc = 0
-              Object.entries(roundLog2).forEach(
+              Object.entries(transf3).forEach(
               function ([feature, value]) {
                 var key = Object.keys(value)
                 var retrieveData = dataLocOnce[loop-1]
@@ -183,15 +187,15 @@ export default {
               oldVal = oldVal / listofNodes.length
               newVal = newVal / listofNodes.length
               outcome = oldVal - newVal
-              pushEach.push({keyIns: "r_2", valueIns: outcome})
+              pushEach.push({keyIns: featureNames[(index)*numberOfTransformations+2], valueIns: outcome})
 
-              var roundLog10 = element.roundLog10
-              roundLog10 = JSON.parse(roundLog10[loop-1])
+              var transf4 = element.transf4
+              transf4 = JSON.parse(transf4[loop-1])
               oldVal = 0
               newVal = 0
               outcome = 0
               countLoc = 0
-              Object.entries(roundLog10).forEach(
+              Object.entries(transf4).forEach(
               function ([feature, value]) {
                 var key = Object.keys(value)
                 var retrieveData = dataLocOnce[loop-1]
@@ -203,7 +207,7 @@ export default {
               oldVal = oldVal / listofNodes.length
               newVal = newVal / listofNodes.length
               outcome = oldVal - newVal
-              pushEach.push({keyIns: "r_10", valueIns: outcome})
+              pushEach.push({keyIns: featureNames[(index)*numberOfTransformations+3], valueIns: outcome})
               pushEachFinal.push({key: listofNodes[index], value: pushEach})
             })
             pushEachFinalFinal.push(pushEachFinal)
@@ -213,10 +217,14 @@ export default {
 
       },
       initializeNetwork () {   
+        var numberOfTransformations = 4 // change that
+
+        var featureNames = JSON.parse(this.dataFS[35])
+
         this.jsonData = []
         var threshLoc = this.threshold
 
-        this.corrMatrixComb = []
+        this.corrMatrixComb = [] 
         this.corrMatrixCombTotal = []
         this.VIFRemaining = []
         this.MIRemaining = []
@@ -238,18 +246,18 @@ export default {
         var MIRemainingLoc = []
 
         this.dataFSTrans.forEach(function(element, index) {
-          var round = element.round
-          corrMatrixCombLoc.push(Object.values(JSON.parse(round[5+quadrantNumberLocal])))
-          corrMatrixCombTotalLoc.push(Object.values(JSON.parse(round[10+quadrantNumberLocal]))[0] * 100)
-          VIFRemainingLoc.push(Object.values(JSON.parse(round[15+quadrantNumberLocal]))[0])
-          MIRemainingLoc.push(JSON.parse(round[20+quadrantNumberLocal]))
-          round = JSON.parse(round[quadrantNumberLocal])
+          var transf1 = element.transf1
+          corrMatrixCombLoc.push(Object.values(JSON.parse(transf1[5+quadrantNumberLocal])))
+          corrMatrixCombTotalLoc.push(Object.values(JSON.parse(transf1[10+quadrantNumberLocal]))[0] * 100)
+          VIFRemainingLoc.push(Object.values(JSON.parse(transf1[15+quadrantNumberLocal]))[0])
+          MIRemainingLoc.push(JSON.parse(transf1[20+quadrantNumberLocal]))
+          transf1 = JSON.parse(transf1[quadrantNumberLocal])
           oldVal = 0
           newVal = 0
           outcome = 0
           countLoc = 0
           pushEach = []
-          Object.entries(round).forEach(
+          Object.entries(transf1).forEach(
           function ([feature, value]) {
             var key = Object.keys(value)
             var search = Object.values(dataLoc[key])
@@ -260,19 +268,19 @@ export default {
           oldVal = oldVal / listofNodes.length
           newVal = newVal / listofNodes.length
           outcome = oldVal - newVal
-          pushEach.push({keyIns: "r", valueIns: outcome})
-
-          var roundLogE = element.roundLogE
-          corrMatrixCombLoc.push(Object.values(JSON.parse(roundLogE[5+quadrantNumberLocal])))
-          corrMatrixCombTotalLoc.push(Object.values(JSON.parse(roundLogE[10+quadrantNumberLocal]))[0] * 100)
-          VIFRemainingLoc.push(Object.values(JSON.parse(roundLogE[15+quadrantNumberLocal]))[0])
-          MIRemainingLoc.push(JSON.parse(roundLogE[20+quadrantNumberLocal]))
-          roundLogE = JSON.parse(roundLogE[quadrantNumberLocal])
+          pushEach.push({keyIns: featureNames[(index)*numberOfTransformations+0], valueIns: outcome})
+
+          var transf2 = element.transf2
+          corrMatrixCombLoc.push(Object.values(JSON.parse(transf2[5+quadrantNumberLocal])))
+          corrMatrixCombTotalLoc.push(Object.values(JSON.parse(transf2[10+quadrantNumberLocal]))[0] * 100)
+          VIFRemainingLoc.push(Object.values(JSON.parse(transf2[15+quadrantNumberLocal]))[0])
+          MIRemainingLoc.push(JSON.parse(transf2[20+quadrantNumberLocal]))
+          transf2 = JSON.parse(transf2[quadrantNumberLocal])
           oldVal = 0
           newVal = 0
           outcome = 0
           countLoc = 0
-          Object.entries(roundLogE).forEach(
+          Object.entries(transf2).forEach(
           function ([feature, value]) {
             var key = Object.keys(value)
             var search = Object.values(dataLoc[key])
@@ -283,19 +291,19 @@ export default {
           oldVal = oldVal / listofNodes.length
           newVal = newVal / listofNodes.length
           outcome = oldVal - newVal
-          pushEach.push({keyIns: "r_E", valueIns: outcome})
-
-          var roundLog2 = element.roundLog2
-          corrMatrixCombLoc.push(Object.values(JSON.parse(roundLog2[5+quadrantNumberLocal])))
-          corrMatrixCombTotalLoc.push(Object.values(JSON.parse(roundLog2[10+quadrantNumberLocal]))[0] * 100)
-          VIFRemainingLoc.push(Object.values(JSON.parse(roundLog2[15+quadrantNumberLocal]))[0])
-          MIRemainingLoc.push(JSON.parse(roundLog2[20+quadrantNumberLocal]))
-          roundLog2 = JSON.parse(roundLog2[quadrantNumberLocal])
+          pushEach.push({keyIns: featureNames[(index)*numberOfTransformations+1], valueIns: outcome})
+
+          var transf3 = element.transf3
+          corrMatrixCombLoc.push(Object.values(JSON.parse(transf3[5+quadrantNumberLocal])))
+          corrMatrixCombTotalLoc.push(Object.values(JSON.parse(transf3[10+quadrantNumberLocal]))[0] * 100)
+          VIFRemainingLoc.push(Object.values(JSON.parse(transf3[15+quadrantNumberLocal]))[0])
+          MIRemainingLoc.push(JSON.parse(transf3[20+quadrantNumberLocal]))
+          transf3 = JSON.parse(transf3[quadrantNumberLocal])
           oldVal = 0
           newVal = 0
           outcome = 0
           countLoc = 0
-          Object.entries(roundLog2).forEach(
+          Object.entries(transf3).forEach(
           function ([feature, value]) {
             var key = Object.keys(value)
             var search = Object.values(dataLoc[key])
@@ -306,19 +314,19 @@ export default {
           oldVal = oldVal / listofNodes.length
           newVal = newVal / listofNodes.length
           outcome = oldVal - newVal
-          pushEach.push({keyIns: "r_2", valueIns: outcome})
-
-          var roundLog10 = element.roundLog10
-          corrMatrixCombLoc.push(Object.values(JSON.parse(roundLog10[5+quadrantNumberLocal])))
-          corrMatrixCombTotalLoc.push(Object.values(JSON.parse(roundLog10[10+quadrantNumberLocal]))[0] * 100)
-          VIFRemainingLoc.push(Object.values(JSON.parse(roundLog10[15+quadrantNumberLocal]))[0])
-          MIRemainingLoc.push(JSON.parse(roundLog10[20+quadrantNumberLocal]))
-          roundLog10 = JSON.parse(roundLog10[quadrantNumberLocal])
+          pushEach.push({keyIns: featureNames[(index)*numberOfTransformations+2], valueIns: outcome})
+
+          var transf4 = element.transf4
+          corrMatrixCombLoc.push(Object.values(JSON.parse(transf4[5+quadrantNumberLocal])))
+          corrMatrixCombTotalLoc.push(Object.values(JSON.parse(transf4[10+quadrantNumberLocal]))[0] * 100)
+          VIFRemainingLoc.push(Object.values(JSON.parse(transf4[15+quadrantNumberLocal]))[0])
+          MIRemainingLoc.push(JSON.parse(transf4[20+quadrantNumberLocal]))
+          transf4 = JSON.parse(transf4[quadrantNumberLocal])
           oldVal = 0
           newVal = 0
           outcome = 0
           countLoc = 0
-          Object.entries(roundLog10).forEach(
+          Object.entries(transf4).forEach(
           function ([feature, value]) {
             var key = Object.keys(value)
             var search = Object.values(dataLoc[key])
@@ -329,7 +337,7 @@ export default {
           oldVal = oldVal / listofNodes.length
           newVal = newVal / listofNodes.length
           outcome = oldVal - newVal
-          pushEach.push({keyIns: "r_10", valueIns: outcome})
+          pushEach.push({keyIns: featureNames[(index)*numberOfTransformations+3], valueIns: outcome})
           pushEachFinal.push({key: listofNodes[index], value: pushEach})
           })
 
@@ -360,14 +368,16 @@ export default {
         })
 
         groupID = 0
+        var featureNumber = 0
         listofNodes.forEach( function(element) {
           groupID++
           nodes.push(
-            {"name": "r", "group": groupID, "active": false},
-            {"name": "r_E", "group": groupID, "active": false},
-            {"name": "r_2", "group": groupID, "active": false},
-            {"name": "r_10", "group": groupID, "active": false},
+            {"name": featureNames[(featureNumber)*numberOfTransformations+0], "group": groupID, "active": false},
+            {"name": featureNames[(featureNumber)*numberOfTransformations+1], "group": groupID, "active": false},
+            {"name": featureNames[(featureNumber)*numberOfTransformations+2], "group": groupID, "active": false},
+            {"name": featureNames[(featureNumber)*numberOfTransformations+3], "group": groupID, "active": false},
           )
+          featureNumber++
         })
 
         Object.entries(pushEachFinal).forEach(
@@ -528,92 +538,104 @@ export default {
           .data(graph.nodes)
           .enter().append('g')
           .on("click", function(id, index) { 
+            // This is for transformation
             if (modeLoc == 0) {
-              for (let i = 0; i < listofNodes.length; i++) {
-                var numb = graph.nodes[i]['group'].match(/\d/g)
-                numb = parseInt(numb.join(""))
-                var items = document.getElementsByClassName(numb)
-                items.forEach( function (it) {
-                  it.childNodes[0].style.visibility = "hidden";
-                  it.childNodes[1].setAttribute("transform", "translate(50,50) scale(0.28) rotate(180)");
-                  it.childNodes[1].childNodes[0].style.fill = "#D3D3D3";
-                  it.childNodes[2].style.visibility = "hidden";
-                })
-              }
-
-              for (let i = 0; i < graph.nodes.length; i++) {
-                var str = String(graph.nodes[i].group)
-                if (!str.includes("root")) {
-                  graph.nodes[i].active = false
-                }
-              }
-
-              node.selectAll('text').remove();
-
-              var labels = node.append("text")
-                  .text(function(d) {
-                    return d.name;
-                  })
-                  .attr('x', 39)
-                  .attr('y', function(d) {
-                    if(d.active)
-                      return 8
-                    else
-                      return 35
-                  });
-            
-              node.append('title').text(function (d) { return d.name; });
+              var clickedNode = document.getElementById('svg'+index).getAttribute('class')
+              if (!clickedNode.includes("root")) {
+                var clearSendNode = []
+                clearSendNode.push(id.name)
+                clearSendNode.push(clickedNode-1)
+                EventBus.$emit('transformNodes', clearSendNode)
+              } else {
+                for (let i = 0; i < listofNodes.length; i++) {
+                  var numb = graph.nodes[i]['group'].match(/\d/g)
+                  numb = parseInt(numb.join(""))
+                  var items = document.getElementsByClassName(numb)
 
-              var groupLoc = index + 1
-              var items = document.getElementsByClassName(groupLoc)
-              items.forEach( function (it) {
-                if (it.childNodes[0].style.visibility == "hidden") {
-                  it.childNodes[0].style.visibility = "visible";
-                  it.childNodes[1].setAttribute("transform", "translate(50,50) scale(1) rotate(180)");
-                  it.childNodes[1].childNodes[0].style.fill = "none";
-                  it.childNodes[2].style.visibility = "visible";
-                } else {
+                  items.forEach( function (it) {
                     it.childNodes[0].style.visibility = "hidden";
                     it.childNodes[1].setAttribute("transform", "translate(50,50) scale(0.28) rotate(180)");
                     it.childNodes[1].childNodes[0].style.fill = "#D3D3D3";
                     it.childNodes[2].style.visibility = "hidden";
+                  })
                 }
-              })
-              var regex = /\d+/g
-              var string = id.group
-              var matches = parseInt(string.match(regex)[0])
 
-              for (let i = 0; i < graph.nodes.length; i++) {
+                for (let i = 0; i < graph.nodes.length; i++) {
+                  var str = String(graph.nodes[i].group)
+                  if (!str.includes("root")) {
+                    graph.nodes[i].active = false
+                  } else {
+                    document.getElementById('svg'+index).childNodes[0].childNodes[1].style.fill = "black"
+                  }
+                }
+
+                node.selectAll('text').remove();
+
+                var labels = node.append("text")
+                    .text(function(d) {
+                      return d.name;
+                    })
+                    .attr('x', 39)
+                    .attr('y', function(d) {
+                      if(d.active)
+                        return 8
+                      else
+                        return 35
+                    });
+              
+                node.append('title').text(function (d) { return d.name; });
 
-                if (graph.nodes[i].group == matches) {
-                  graph.nodes[i].active = true
+                var groupLoc = index + 1
+                var items = document.getElementsByClassName(groupLoc)
+                items.forEach( function (it) {
+                  if (it.childNodes[0].style.visibility == "hidden") {
+                    it.childNodes[0].style.visibility = "visible";
+                    it.childNodes[1].setAttribute("transform", "translate(50,50) scale(1) rotate(180)");
+                    it.childNodes[1].childNodes[0].style.fill = "none";
+                    it.childNodes[2].style.visibility = "visible";
+                  } else {
+                      it.childNodes[0].style.visibility = "hidden";
+                      it.childNodes[1].setAttribute("transform", "translate(50,50) scale(0.28) rotate(180)");
+                      it.childNodes[1].childNodes[0].style.fill = "#D3D3D3";
+                      it.childNodes[2].style.visibility = "hidden";
+                  }
+                })
+                var regex = /\d+/g
+                var string = id.group
+                var matches = parseInt(string.match(regex)[0])
+
+                for (let i = 0; i < graph.nodes.length; i++) {
+
+                  if (graph.nodes[i].group == matches) {
+                    graph.nodes[i].active = true
+                  }
                 }
-              }
 
-              node.selectAll('text').remove();
+                node.selectAll('text').remove();
 
-              var labels = node.append("text")
-                  .text(function(d) {
-                    return d.name;
-                  })
-                  .attr('x', 39)
-                  .attr('y', function(d) {
-                    if(d.active)
-                      return 8
-                    else
-                      return 35
-                  });
-            
-              node.append('title').text(function (d) { return d.name; });
-              EventBus.$emit('brushLink', groupLoc-1)
+                var labels = node.append("text")
+                    .text(function(d) {
+                      return d.name;
+                    })
+                    .attr('x', 39)
+                    .attr('y', function(d) {
+                      if(d.active)
+                        return 8
+                      else
+                        return 35
+                    });
+              
+                node.append('title').text(function (d) { return d.name; });
+                EventBus.$emit('brushLink', groupLoc-1)
+              }
             } else {
               var groupsColor = d3.select('#svg'+index)._groups['0'][0].childNodes[0].childNodes[1]
               var regex = /\d+/g
               var idLocal = parseInt(d3.select('#svg'+index)._groups['0'][0].getAttribute("id").match(regex))
-              if (groupsColor.getAttribute('fill') == "black") {
+              if (groupsColor.getAttribute('fill') == "#D3D3D3") {
                 if (selectionCounter < 3) {
                   // add here the different states of comparison! (=2 and =3)
-                  groupsColor.setAttribute('fill', '#D3D3D3')
+                  groupsColor.setAttribute('fill', '#black')
                   selectionCounter = selectionCounter + 1
                   EventBus.$emit('Counter', selectionCounter)
                   IDsGather.push(idLocal);
@@ -627,7 +649,7 @@ export default {
                   }
                 }
               } else {
-                groupsColor.setAttribute('fill', 'black')
+                groupsColor.setAttribute('fill', '#D3D3D3')
                 selectionCounter = selectionCounter - 1
                 EventBus.$emit('Counter', selectionCounter)
                 var index = IDsGather.indexOf(idLocal);
@@ -666,6 +688,8 @@ export default {
 
               if (graph.nodes[i].group == matches) {
                 graph.nodes[i].active = false
+              } else {
+                document.getElementById('svg'+index).childNodes[0].childNodes[1].style.fill = "#D3D3D3"
               }
             }
 
@@ -815,9 +839,9 @@ export default {
               var data = []
               var barchartData = []
               if (IDsGather.includes(indexNode)) {
-                data.push({value: VIFVarFormatted[indexNode], color: '#D3D3D3'})
-              } else {
                 data.push({value: VIFVarFormatted[indexNode], color: 'black'})
+              } else {
+                data.push({value: VIFVarFormatted[indexNode], color: '#D3D3D3'})
               }
               data.push({value: corrGlobFormatted[indexNode], color: colorsScaleNodes(MIVar[indexNode])})
 
@@ -1076,7 +1100,7 @@ export default {
                   var binaryBarLegend = []
                   var exemplaryValues = [25, 75]
 
-                  dataLegend.push({value: 25, color: 'black'})
+                  dataLegend.push({value: 25, color: '#D3D3D3'})
                   dataLegend.push({value: 50, color: '#6baed6'})
 
                   for(let k = 0; k < 2; k++) {
@@ -1203,7 +1227,7 @@ export default {
                   textLine.append('line')
                     .style("stroke", "black")
                     .style("stroke-width", 3)
-                    .attr("x1", 35 + marginBorderX)
+                    .attr("x1", 36 + marginBorderX)
                     .attr("y1", 50 - marginBorder)
                     .attr("x2", 74 + marginBorderX)
                     .attr("y2", 50 - marginBorder)
diff --git a/frontend/src/components/FeatureSpaceOverview.vue b/frontend/src/components/FeatureSpaceOverview.vue
index 258976f..107ed82 100644
--- a/frontend/src/components/FeatureSpaceOverview.vue
+++ b/frontend/src/components/FeatureSpaceOverview.vue
@@ -106,48 +106,48 @@ export default {
         for (let i = 0; i < features[4].length; i++) {
           featuresQuad1.push({"name": features[0][i].key,
             "children": [  
-              {"name": "r", "lin_color": features[0][i].value[0].valueIns},
-              {"name": "r_E", "lin_color": features[0][i].value[1].valueIns},
-              {"name": "r_2", "lin_color": features[0][i].value[2].valueIns},
-              {"name": "r_10", "lin_color": features[0][i].value[3].valueIns},
+              {"name": features[0][i].value[0].keyIns, "lin_color": features[0][i].value[0].valueIns},
+              {"name": features[0][i].value[1].keyIns, "lin_color": features[0][i].value[1].valueIns},
+              {"name": features[0][i].value[2].keyIns, "lin_color": features[0][i].value[2].valueIns},
+              {"name": features[0][i].value[3].keyIns, "lin_color": features[0][i].value[3].valueIns},
             ],
-            "lin_color": features[0][i].value[0].valueIns+features[0][i].value[1].valueIns+features[0][i].value[3].valueIns+features[0][i].value[3].valueIns
+            "lin_color": features[0][i].value[0].valueIns+features[0][i].value[1].valueIns+features[0][i].value[2].valueIns+features[0][i].value[3].valueIns
             })
           featuresQuad2.push({"name": features[1][i].key,
             "children": [  
-              {"name": "r", "lin_color": features[1][i].value[0].valueIns},
-              {"name": "r_E", "lin_color": features[1][i].value[1].valueIns},
-              {"name": "r_2", "lin_color": features[1][i].value[2].valueIns},
-              {"name": "r_10", "lin_color": features[1][i].value[3].valueIns},
+              {"name": features[1][i].value[0].keyIns, "lin_color": features[1][i].value[0].valueIns},
+              {"name": features[1][i].value[1].keyIns, "lin_color": features[1][i].value[1].valueIns},
+              {"name": features[1][i].value[2].keyIns, "lin_color": features[1][i].value[2].valueIns},
+              {"name": features[1][i].value[3].keyIns, "lin_color": features[1][i].value[3].valueIns},
             ],
-            "lin_color": features[1][i].value[0].valueIns+features[1][i].value[1].valueIns+features[1][i].value[3].valueIns+features[1][i].value[3].valueIns
+            "lin_color": features[1][i].value[0].valueIns+features[1][i].value[1].valueIns+features[1][i].value[2].valueIns+features[1][i].value[3].valueIns
             })
           featuresQuad3.push({"name": features[2][i].key,
             "children": [  
-              {"name": "r", "lin_color": features[2][i].value[0].valueIns},
-              {"name": "r_E", "lin_color": features[2][i].value[1].valueIns},
-              {"name": "r_2", "lin_color": features[2][i].value[2].valueIns},
-              {"name": "r_10", "lin_color": features[2][i].value[3].valueIns},
+              {"name": features[2][i].value[0].keyIns, "lin_color": features[2][i].value[0].valueIns},
+              {"name": features[2][i].value[1].keyIns, "lin_color": features[2][i].value[1].valueIns},
+              {"name": features[2][i].value[2].keyIns, "lin_color": features[2][i].value[2].valueIns},
+              {"name": features[2][i].value[3].keyIns, "lin_color": features[2][i].value[3].valueIns},
             ],
-            "lin_color": features[2][i].value[0].valueIns+features[2][i].value[1].valueIns+features[2][i].value[3].valueIns+features[2][i].value[3].valueIns
+            "lin_color": features[2][i].value[0].valueIns+features[2][i].value[1].valueIns+features[2][i].value[2].valueIns+features[2][i].value[3].valueIns
             })
           featuresQuad4.push({"name": features[3][i].key,
             "children": [  
-              {"name": "r", "lin_color": features[3][i].value[0].valueIns},
-              {"name": "r_E", "lin_color": features[3][i].value[1].valueIns},
-              {"name": "r_2", "lin_color": features[3][i].value[2].valueIns},
-              {"name": "r_10", "lin_color": features[3][i].value[3].valueIns},
+              {"name": features[3][i].value[0].keyIns, "lin_color": features[3][i].value[0].valueIns},
+              {"name": features[3][i].value[1].keyIns, "lin_color": features[3][i].value[1].valueIns},
+              {"name": features[3][i].value[2].keyIns, "lin_color": features[3][i].value[2].valueIns},
+              {"name": features[3][i].value[3].keyIns, "lin_color": features[3][i].value[3].valueIns},
             ],
-            "lin_color": features[3][i].value[0].valueIns+features[3][i].value[1].valueIns+features[3][i].value[3].valueIns+features[3][i].value[3].valueIns
+            "lin_color": features[3][i].value[0].valueIns+features[3][i].value[1].valueIns+features[3][i].value[2].valueIns+features[3][i].value[3].valueIns
             })
           featuresQuad5.push({"name": features[4][i].key,
             "children": [  
-              {"name": "r", "lin_color": features[4][i].value[0].valueIns},
-              {"name": "r_E", "lin_color": features[4][i].value[1].valueIns},
-              {"name": "r_2", "lin_color": features[4][i].value[2].valueIns},
-              {"name": "r_10", "lin_color": features[4][i].value[3].valueIns},
+              {"name": features[4][i].value[0].keyIns, "lin_color": features[4][i].value[0].valueIns},
+              {"name": features[4][i].value[1].keyIns, "lin_color": features[4][i].value[1].valueIns},
+              {"name": features[4][i].value[2].keyIns, "lin_color": features[4][i].value[2].valueIns},
+              {"name": features[4][i].value[3].keyIns, "lin_color": features[4][i].value[3].valueIns},
             ],
-            "lin_color": features[4][i].value[0].valueIns+features[4][i].value[1].valueIns+features[4][i].value[3].valueIns+features[4][i].value[3].valueIns
+            "lin_color": features[4][i].value[0].valueIns+features[4][i].value[1].valueIns+features[4][i].value[2].valueIns+features[4][i].value[3].valueIns
             })
         }
         
@@ -214,7 +214,7 @@ export default {
         // current pan, zoom, and rotation
         var curX = width / 2;
         var curY = height / 2;
-        var curZ = 1.28; // current zoom
+        var curZ = 1.22; // current zoom
         var curR = 270; // current rotation
 
         // keyboard key codes
@@ -348,7 +348,7 @@ export default {
                 } else {
                   if (activeLeafLoc != -1) {
                     if (d.name == listofNodes[activeLeafLoc]) {
-                      return d._children ? 'yellow' : 'yellow'
+                      return d._children ? 'black' : 'black'
                     }
                     else {
                       return d._children ? '#D3D3D3' : '#D3D3D3'
diff --git a/frontend/src/components/Heatmap.vue b/frontend/src/components/Heatmap.vue
index 052755b..9080691 100644
--- a/frontend/src/components/Heatmap.vue
+++ b/frontend/src/components/Heatmap.vue
@@ -368,7 +368,7 @@ export default {
           .style("fill", function(d) {
               if (d == -1) return "url(#diagonalHatch)"
               else if (d == -2) return "yellow"
-              else if (d == -3) return "#D3D3D3"
+              else if (d == -3) return "black"
               else if (d == -4) return "url(#diagonalHatch)"
               else return colorScale(d)
           })
@@ -394,7 +394,7 @@ export default {
                     EventBus.$emit('addFeature', featuresAddRem)
                     return 'yellow'
                   } else if (d == -3) {
-                    return '#D3D3D3'
+                    return 'black'
                   } else if (d == -4) {
                     // svg.selectAll("rect").each(function(d){
                     //   if (d == -4) {
@@ -424,7 +424,7 @@ export default {
                 }
               } else {
                 if (d == -3) {
-                  return '#D3D3D3'
+                  return 'black'
                 } else {
                   return colorScale(d)
                 }
diff --git a/frontend/src/components/Main.vue b/frontend/src/components/Main.vue
index 0ccf5d1..303e833 100755
--- a/frontend/src/components/Main.vue
+++ b/frontend/src/components/Main.vue
@@ -104,6 +104,7 @@ export default Vue.extend({
   },
   data () {
     return {
+      storeDataTransf: [],
       compareNumber: 0,
       IDToCompare: [],
       ImportanceCompare: [],
@@ -601,6 +602,29 @@ export default Vue.extend({
         console.log(error)
       })
   },
+  transformNodesFun () {
+    const path = `http://127.0.0.1:5000/data/transformation`
+    const postData = {
+      nameClicked: this.storeDataTransf,
+      removeNode: this.storeDataTransf
+    }
+    const axiosConfig = { 
+      headers: {
+        'Content-Type': 'application/json',
+        'Access-Control-Allow-Origin': '*',
+        'Access-Control-Allow-Headers': 'Origin, Content-Type, X-Auth-Token',
+        'Access-Control-Allow-Methods': 'GET, PUT, POST, DELETE, OPTIONS'
+      }
+    }
+    axios.post(path, postData, axiosConfig)
+      .then(response => {
+        console.log('Features transformation active!')
+        this.threshold()
+      })
+      .catch(error => {
+        console.log(error)
+    })
+  }
   },
   created () {
 
@@ -705,6 +729,9 @@ export default Vue.extend({
     EventBus.$on('addFeatureGen', data => { this.featureAddRemGen = data })
     EventBus.$on('addFeatureGen', this.ManipulFeatureGen)
 
+    EventBus.$on('transformNodes', data => { this.storeDataTransf = data })
+    EventBus.$on('transformNodes', this.transformNodesFun)
+
     //Prevent double click to search for a word. 
     document.addEventListener('mousedown', function (event) {
       if (event.detail > 1) {
diff --git a/run.py b/run.py
index 0ec44c4..28a0884 100644
--- a/run.py
+++ b/run.py
@@ -122,7 +122,13 @@ def reset():
 
     global columnsNewGen
     columnsNewGen = []
+
+    global columnsNames
+    columnsNames = []
     
+    global listofTransformations
+    listofTransformations = ["r","rE","r2","r10"]
+
     return 'The reset was done!'
 
 # retrieve data from client and select the correct data set
@@ -226,6 +232,12 @@ def retrieveFileName():
     global columnsNewGen
     columnsNewGen = []
 
+    global columnsNames
+    columnsNames = []
+
+    global listofTransformations
+    listofTransformations = ["r","rE","r2","r10"]
+
     DataRawLength = -1
     DataRawLengthTest = -1
     data = json.loads(fileName)  
@@ -315,7 +327,9 @@ def sendToServerData():
     global XDataStored, yDataStored
     XDataStored = XData.copy()
     yDataStored = yData.copy()
-    
+
+    global XDataStoredOriginal
+    XDataStoredOriginal = XData.copy()
     return 'Processed uploaded data set'
 
 def dataSetSelection():
@@ -414,9 +428,12 @@ def dataSetSelection():
     XDataStored = XData.copy()
     yDataStored = yData.copy()
 
+    global XDataStoredOriginal
+    XDataStoredOriginal = XData.copy()
+
     warnings.simplefilter('ignore')
 
-    executeModel([], 0)
+    executeModel([], 0, '')
     
     return 'Everything is okay'
 
@@ -431,7 +448,7 @@ def create_global_function():
         return np.mean(result['test_score'])
 
 # check this issue later because we are not getting the same results
-def executeModel(exeCall, flagEx):
+def executeModel(exeCall, flagEx, nodeTransfName):
 
     global keyFirstTime
     global estimator
@@ -442,6 +459,9 @@ def executeModel(exeCall, flagEx):
     global XDataStored
     global previousState
     global columnsNewGen
+    global columnsNames
+    global listofTransformations
+    columnsNames = []
     scores = []
 
     if (len(exeCall) == 0):
@@ -450,7 +470,10 @@ def executeModel(exeCall, flagEx):
         else:
             XData = XDataStored.copy()
     else:
-        XData = XDataStored.copy()
+        if (flagEx == 4):
+            XDataStored = XData.copy()
+        else:    
+            XData = XDataStored.copy()
     columnsNewGen = keepOriginalFeatures.columns.values.tolist()
 
     # Bayesian Optimization for 150 iterations
@@ -475,7 +498,38 @@ def executeModel(exeCall, flagEx):
 
             XDataTemp = XDataGen[columnsKeepNew]
             XData[columnsKeepNew] = XDataTemp.values
-    print(XData)
+        elif (flagEx == 4):
+            splittedCol = nodeTransfName.split('_')
+            XData.rename(columns={ XData.columns[exeCall[0]]: nodeTransfName }, inplace = True)
+            if (len(splittedCol) == 1):
+                XData[nodeTransfName] = XDataStoredOriginal[nodeTransfName]
+            else:
+                if (splittedCol[1] == 'r'):
+                    XData[nodeTransfName] = XData[nodeTransfName].round()
+                elif (splittedCol[1] == 'rE'):
+                    XData[nodeTransfName] = np.log(XData[nodeTransfName])
+                    XData[nodeTransfName] = XData[nodeTransfName].round()
+                elif (splittedCol[1] == 'r2'):
+                    XData[nodeTransfName] = np.log2(XData[nodeTransfName])
+                    XData[nodeTransfName] = XData[nodeTransfName].round()
+                else:
+                    XData[nodeTransfName] = np.log10(XData[nodeTransfName])
+                    XData[nodeTransfName] = XData[nodeTransfName].round()
+    print(XData)       
+    columnsNamesLoc = XData.columns.values.tolist()
+
+    for col in columnsNamesLoc:
+        splittedCol = col.split('_')
+        if (len(splittedCol) == 1):
+            for tran in listofTransformations:
+                columnsNames.append(splittedCol[0]+'_'+tran)
+        else:
+            for tran in listofTransformations:
+                if (splittedCol[1] == tran):
+                    columnsNames.append(splittedCol[0])
+                else:
+                    columnsNames.append(splittedCol[0]+'_'+tran)
+    print(columnsNames)
     featureImportanceData = estimatorFeatureSelection(XData, estimator)
     estimator.fit(XData, yData)
     yPredict = estimator.predict(XData)
@@ -597,54 +651,92 @@ def sendFinalResults():
 
 def Transformation(quadrant1, quadrant2, quadrant3, quadrant4, quadrant5):
 
-    XDataNumeric = XData.select_dtypes(include='number')
+    XDataNumericColumn = XDataStored.select_dtypes(include='number')
+    XDataNumeric = XDataStoredOriginal.select_dtypes(include='number')
 
-    columns = list(XDataNumeric)   
+    columns = list(XDataNumericColumn)   
 
     global packCorrTransformed
     packCorrTransformed = []
-
+    # FIX THAT!
     for count, i in enumerate(columns): 
         dicTransf = {}
         
-        d={}
-        XDataNumericCopy = XDataNumeric.copy()
-        XDataNumericCopy[i] = XDataNumericCopy[i].round()
-        for number in range(1,6):
-            quadrantVariable = str('quadrant%s' % number)
-            illusion = locals()[quadrantVariable]
-            d["DataRows{0}".format(number)] = XDataNumericCopy.iloc[illusion, :]
-        dicTransf["round"] = NewComputationTransf(d['DataRows1'], d['DataRows2'], d['DataRows3'], d['DataRows4'], d['DataRows5'], quadrant1, quadrant2, quadrant3, quadrant4, quadrant5, i, count)
-
-        d={}
-        XDataNumericCopy = XDataNumeric.copy()
-        XDataNumericCopy[i] = np.log(XDataNumericCopy[i])
-        XDataNumericCopy[i] = XDataNumericCopy[i].round()
-        for number in range(1,6):
-            quadrantVariable = str('quadrant%s' % number)
-            illusion = locals()[quadrantVariable]
-            d["DataRows{0}".format(number)] = XDataNumericCopy.iloc[illusion, :]
-        dicTransf["roundLogE"] = NewComputationTransf(d['DataRows1'], d['DataRows2'], d['DataRows3'], d['DataRows4'], d['DataRows5'], quadrant1, quadrant2, quadrant3, quadrant4, quadrant5, i, count)
-
-        d={}
-        XDataNumericCopy = XDataNumeric.copy()
-        XDataNumericCopy[i] = np.log2(XDataNumericCopy[i])
-        XDataNumericCopy[i] = XDataNumericCopy[i].round()
-        for number in range(1,6):
-            quadrantVariable = str('quadrant%s' % number)
-            illusion = locals()[quadrantVariable]
-            d["DataRows{0}".format(number)] = XDataNumericCopy.iloc[illusion, :]
-        dicTransf["roundLog2"] = NewComputationTransf(d['DataRows1'], d['DataRows2'], d['DataRows3'], d['DataRows4'], d['DataRows5'], quadrant1, quadrant2, quadrant3, quadrant4, quadrant5, i, count)
-
-        d={}
-        XDataNumericCopy = XDataNumeric.copy()
-        XDataNumericCopy[i] = np.log10(XDataNumericCopy[i])
-        XDataNumericCopy[i] = XDataNumericCopy[i].round()
-        for number in range(1,6):
-            quadrantVariable = str('quadrant%s' % number)
-            illusion = locals()[quadrantVariable]
-            d["DataRows{0}".format(number)] = XDataNumericCopy.iloc[illusion, :]
-        dicTransf["roundLog10"] = NewComputationTransf(d['DataRows1'], d['DataRows2'], d['DataRows3'], d['DataRows4'], d['DataRows5'], quadrant1, quadrant2, quadrant3, quadrant4, quadrant5, i, count)
+        splittedCol = columnsNames[(count)*len(listofTransformations)+0]
+        if(len(splittedCol) == 1):
+            d={}
+            XDataNumericCopy = XDataNumeric.copy()
+            for number in range(1,6):
+                quadrantVariable = str('quadrant%s' % number)
+                illusion = locals()[quadrantVariable]
+                d["DataRows{0}".format(number)] = XDataNumericCopy.iloc[illusion, :]
+            dicTransf["transf1"] = NewComputationTransf(d['DataRows1'], d['DataRows2'], d['DataRows3'], d['DataRows4'], d['DataRows5'], quadrant1, quadrant2, quadrant3, quadrant4, quadrant5, i, count)
+        else:
+            d={}
+            XDataNumericCopy = XDataNumeric.copy()
+            XDataNumericCopy[i] = XDataNumericCopy[i].round()
+            for number in range(1,6):
+                quadrantVariable = str('quadrant%s' % number)
+                illusion = locals()[quadrantVariable]
+                d["DataRows{0}".format(number)] = XDataNumericCopy.iloc[illusion, :]
+            dicTransf["transf1"] = NewComputationTransf(d['DataRows1'], d['DataRows2'], d['DataRows3'], d['DataRows4'], d['DataRows5'], quadrant1, quadrant2, quadrant3, quadrant4, quadrant5, i, count)          
+        splittedCol = columnsNames[(count)*len(listofTransformations)+1]
+        if(len(splittedCol) == 1):
+            d={}
+            XDataNumericCopy = XDataNumeric.copy()
+            for number in range(1,6):
+                quadrantVariable = str('quadrant%s' % number)
+                illusion = locals()[quadrantVariable]
+                d["DataRows{0}".format(number)] = XDataNumericCopy.iloc[illusion, :]
+            dicTransf["transf2"] = NewComputationTransf(d['DataRows1'], d['DataRows2'], d['DataRows3'], d['DataRows4'], d['DataRows5'], quadrant1, quadrant2, quadrant3, quadrant4, quadrant5, i, count)
+        else:
+            d={}
+            XDataNumericCopy = XDataNumeric.copy()
+            XDataNumericCopy[i] = np.log(XDataNumericCopy[i])
+            XDataNumericCopy[i] = XDataNumericCopy[i].round()
+            for number in range(1,6):
+                quadrantVariable = str('quadrant%s' % number)
+                illusion = locals()[quadrantVariable]
+                d["DataRows{0}".format(number)] = XDataNumericCopy.iloc[illusion, :]
+            dicTransf["transf2"] = NewComputationTransf(d['DataRows1'], d['DataRows2'], d['DataRows3'], d['DataRows4'], d['DataRows5'], quadrant1, quadrant2, quadrant3, quadrant4, quadrant5, i, count)
+        splittedCol = columnsNames[(count)*len(listofTransformations)+2]
+        if(len(splittedCol) == 1):
+            d={}
+            XDataNumericCopy = XDataNumeric.copy()
+            for number in range(1,6):
+                quadrantVariable = str('quadrant%s' % number)
+                illusion = locals()[quadrantVariable]
+                d["DataRows{0}".format(number)] = XDataNumericCopy.iloc[illusion, :]
+            dicTransf["transf3"] = NewComputationTransf(d['DataRows1'], d['DataRows2'], d['DataRows3'], d['DataRows4'], d['DataRows5'], quadrant1, quadrant2, quadrant3, quadrant4, quadrant5, i, count)
+        else:
+            d={}
+            XDataNumericCopy = XDataNumeric.copy()
+            XDataNumericCopy[i] = np.log2(XDataNumericCopy[i])
+            XDataNumericCopy[i] = XDataNumericCopy[i].round()
+            for number in range(1,6):
+                quadrantVariable = str('quadrant%s' % number)
+                illusion = locals()[quadrantVariable]
+                d["DataRows{0}".format(number)] = XDataNumericCopy.iloc[illusion, :]
+            dicTransf["transf3"] = NewComputationTransf(d['DataRows1'], d['DataRows2'], d['DataRows3'], d['DataRows4'], d['DataRows5'], quadrant1, quadrant2, quadrant3, quadrant4, quadrant5, i, count)
+        splittedCol = columnsNames[(count)*len(listofTransformations)+3]
+        if(len(splittedCol) == 1):
+            d={}
+            XDataNumericCopy = XDataNumeric.copy()
+            for number in range(1,6):
+                quadrantVariable = str('quadrant%s' % number)
+                illusion = locals()[quadrantVariable]
+                d["DataRows{0}".format(number)] = XDataNumericCopy.iloc[illusion, :]
+            dicTransf["transf4"] = NewComputationTransf(d['DataRows1'], d['DataRows2'], d['DataRows3'], d['DataRows4'], d['DataRows5'], quadrant1, quadrant2, quadrant3, quadrant4, quadrant5, i, count)
+        else:
+            d={}
+            XDataNumericCopy = XDataNumeric.copy()
+            XDataNumericCopy[i] = np.log10(XDataNumericCopy[i])
+            XDataNumericCopy[i] = XDataNumericCopy[i].round()
+            for number in range(1,6):
+                quadrantVariable = str('quadrant%s' % number)
+                illusion = locals()[quadrantVariable]
+                d["DataRows{0}".format(number)] = XDataNumericCopy.iloc[illusion, :]
+            dicTransf["transf4"] = NewComputationTransf(d['DataRows1'], d['DataRows2'], d['DataRows3'], d['DataRows4'], d['DataRows5'], quadrant1, quadrant2, quadrant3, quadrant4, quadrant5, i, count)
         packCorrTransformed.append(dicTransf)
 
     return 'Everything Okay'
@@ -1164,6 +1256,7 @@ def Seperation():
 
     packCorr.append(list(XDataStored.columns.values.tolist()))
     packCorr.append(list(XData.columns.values.tolist()))
+    packCorr.append(json.dumps(columnsNames))
 
     return 'Everything Okay'
 
@@ -1203,7 +1296,7 @@ def ManipulFeat():
     featureProcess = request.get_data().decode('utf8').replace("'", '"')
     featureProcess = json.loads(featureProcess)
     featureProcessExtract = featureProcess['featureAddRem']
-    executeModel(featureProcessExtract, 1)
+    executeModel(featureProcessExtract, 1, '')
     return 'Okay'
 
 @cross_origin(origin='localhost',headers=['Content-Type','Authorization'])
@@ -1212,7 +1305,7 @@ def ManipulFeatGen():
     featureProcess = request.get_data().decode('utf8').replace("'", '"')
     featureProcess = json.loads(featureProcess)
     featureProcessExtract = featureProcess['featureAddRemGen']
-    executeModel(featureProcessExtract, 2)
+    executeModel(featureProcessExtract, 2, '')
     return 'Okay'
 
 @cross_origin(origin='localhost',headers=['Content-Type','Authorization'])
@@ -1314,5 +1407,15 @@ def CompareFunPy():
 @cross_origin(origin='localhost',headers=['Content-Type','Authorization'])
 @app.route('/data/storeGeneratedFeatures', methods=["GET", "POST"])
 def storeGeneratedFeat():
-    executeModel([], 3)
+    executeModel([], 3, '')
+    return 'Okay'
+
+@cross_origin(origin='localhost',headers=['Content-Type','Authorization'])
+@app.route('/data/transformation', methods=["GET", "POST"])
+def transformFeatures():
+    retrieveTransform = request.get_data().decode('utf8').replace("'", '"')
+    retrieveTransform = json.loads(retrieveTransform)
+    clickedNodeName = retrieveTransform['nameClicked']
+    removeNodeID = retrieveTransform['removeNode']
+    executeModel([removeNodeID[1]], 4, clickedNodeName[0])
     return 'Okay'
\ No newline at end of file