apply-scales.js

svg.selectAll(".bubble")
  .data(articleData)    // bind each element of the data array to one SVG circle
  .join("circle")
  .attr("class", "bubble")
  .attr("cx", d => xScale(d.views))   // set the x position based on the number of claps
  .attr("cy", d => yScale(d.reads))   // set the y position based on the number of views
  .attr("r", d => d.readingTime)  // set the radius based on the article reading time
  .attr("stroke", "darkblue")
  .attr("fill", d => "lightblue")