better style on y axis

src/components/BeeswarmChart.vue

@@ -149,18 +149,22 @@
   
     const yAxis = svg.append('g')
       .attr("transform", "translate(100, 0)")
-      .call(d3.axisLeft(yScale));
+      .call(d3.axisLeft(yScale).ticks(5))
+      .attr("stroke-width", 2)
+      .attr("font-size", 20);
   
     // Add label to y axis
     svg.append('text')
     .attr("class", "yLabel")
     .attr("text-anchor", "left")
+    .attr("font-weight", 700)
     .attr("transform", `translate(${margin.left}, ${margin.top/2})`)
     .text("Level of Agreement");
 
     svg.append('text')
       .attr("class", "yLabel")
       .attr("text-anchor", "left")
+      .attr("font-weight", 700)
       .attr("transform", `translate(${margin.left}, ${height - (margin.bottom/2)})`)
       .text("Inconclusive");