modified variable scope

Author: Priyami

src/components/Resources/Bubblechart.js

@@ -5,39 +5,39 @@ import "./Bubblechart.css";
 
 const Bubblechart = (aData) => {
   let jsonToDisplay = { "children":[...aData.data] };
-  var diameter = 1000,
+  let diameter = 1000,
     color = d3.scaleOrdinal(["#1f77b4", "#ff7f0e", "#2ca02c", "#d62728", "#9467bd", "#8c564b", "#e377c2", "#7f7f7f", "#bcbd22", "#17becf"]);
-  var bubble = d3.pack()
+  let bubble = d3.pack()
     .size([diameter, diameter])
     .padding(2);
 
-  var margin = {
+  let margin = {
     left: 100,
     right: 100,
     top: 0,
     bottom: 0
   }
 
-  var svg = d3.select('#chart').append('svg')
+  let svg = d3.select('#chart').append('svg')
     .attr('viewBox', '0 0 ' + (diameter + margin.right) + ' ' + diameter)
     .attr('width', (diameter + margin.right))
     .attr('height', diameter)
     .attr('class', 'chart-svg');
 
 
-  var root = d3.hierarchy(jsonToDisplay)
+  let root = d3.hierarchy(jsonToDisplay)
     .sum(function (d) { return d.id })
     .sort(function (a, b) { return b.id - a.id });
 
 
   bubble(root);
 
-  var node = svg.selectAll('.node')
+  let node = svg.selectAll('node')
     .data(root.children)
     .enter()
     .append('g').attr('class', 'node')
-    .attr('transform', function (d) { return 'translate(' + d.x + ' ' + d.y + ')'; })
-    .append('g').attr('class', 'graph');
+    .attr('transform', function (d) {return 'translate(' + d.x + ' ' + d.y + ')'; })
+
 
   node.append("circle")
     .attr('r', function (d) {