Changed the colors used by the bubble graph, changed the size of the SVG, now...

Changed the colors used by the bubble graph, changed the size of the SVG, now it is 100% height and width, as previously it caused unintended behavior using the containers clientWidth and clientHeight

resources/views/scripts/bubble-script.blade.php

@@ -7,12 +7,12 @@ function drawBubbleGraph(label, container) {
     d3.json(url).then(data => {
         data = data.slice(0, 100);
 
-        var colors = d3.scaleLinear().domain([0, 1]).range(["white", "red"]);
+        var colors = d3.scaleLinear().domain([0, 1]).range(["#ffffb3", "red"]);
         var width = container.clientWidth;
         var height = container.clientHeight;
 
-        svg.attr("width", width);
-        svg.attr("height", height);
+        svg.attr("width", "100%");
+        svg.attr("height", "100%");
 
         svg.attr("font-size", 11)
             .attr("font-family", "sans-serif")