D3-data-bind

let svg = d3.select("#plotSVG")

svg.selectAll(".bubble")
  .data(articleData)    // bind each element of the data array to one SVG circle
  .join("circle")
  .attr("class", "bubble")
  .attr("cx", d => d.views)   // set the x position based on the number of claps
  .attr("cy", d => 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")