fixed scaling

Author: nusanam

src/app/components/Chart.jsx

@@ -64,7 +64,7 @@ class Chart extends Component {
 
     let tree = d3.tree()
       // this assigns width of tree to be 2pi
-      .size([2 * Math.PI, radius / 1.4])
+      .size([2 * Math.PI, radius / 1.3])
       .separation(function (a, b) { return (a.parent == b.parent ? 1 : 2) / a.depth });
 
     let d3root = tree(hierarchy);
@@ -93,7 +93,7 @@ class Chart extends Component {
       });
 
     node.append("circle")
-      .attr("r", 10)
+      .attr("r", 12)
 
     //creating a d3.tip method where the html has a function that returns the data we passed into tip.show from line 120
     let tip = d3Tip()

src/app/styles/components/d3graph.css

@@ -24,6 +24,7 @@ body {
 /* this represents text for leaf nodes aka the ones with no children */
 .node--leaf {
   fill: #71e9e1;
+  fill-opacity: 0.4;
 }
 
 /*   this represents those nodes that have children */
@@ -39,7 +40,7 @@ body {
   fill: none;
   stroke: #3853ea;
   stroke-opacity: 0.4;
-  stroke-width: 3px;
+  stroke-width: 5px;
 }
 
 .d3-tip {