// https://www.timeout.com/usa/news/this-map-highlights-the-most-popular-fast-food-chain-in-each-state-during-quarantine-062420

​

function setup() {

  createCanvas(400, 400);

  let ca = select('#CA');

  let rect = ca.elt.getBoundingClientRect();

  let x = rect.left + (rect.right-rect.left) / 2;

  let y = rect.top + (rect.bottom-rect.top) / 2;

  print(x + " " + y);

  ellipse(x, y, 50, 50);

}

​

function draw() {

  /*

  for (let i=0; i < mcdonalds.length; i++) {

    let elem = select('#' + mcdonalds[i]);

    elem.style('fill', 'rgb(255,199,44)');

  }

  */

​

  // the select() function selects an element of the page

  // # followed by the name will select a named element

  // from the SVG data we've put inside index.html

  // the style() method will modify the appearence of that

  // element

}

​