Fixing scaling on graphs

EmoruwaTolu · Apr 24, 2024 · c149eab · c149eab
1 parent 4a65614
commit c149eab
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/prem-data/src/components/scatter-chart/scatter-chart.js b/prem-data/src/components/scatter-chart/scatter-chart.js
@@ -14,13 +14,12 @@ function ScatterGraph({data}){
     const svgRef = useRef();
 
     useEffect(() => {
-        const w = 400
+        const w = 250
         const h = 300
         const svg = d3.select(svgRef.current)
             .attr('width', w)
             .attr('height', h)
             .style('overflow', 'visible')
-            .style('margin-top', '100px')
 
         const xScale = d3.scaleLinear()
             .domain([0, 50])
@@ -49,12 +48,12 @@ function ScatterGraph({data}){
             .text('y')
 
         svg.selectAll()
-            .data(plotData)
+            .data(data)
             .enter()
             .append('circle')
                 .attr('cx', d => xScale(d.totalXGD))
                 .attr('cy', d => yScale(d.points))
-                .attr('r', 7)
+                .attr('r', 4)
                 .style("fill", d => `${teamColours[d.clubname]}`)