sketch
var d= 100;//diameter of each circle
function setup() {
createCanvas(600, 450);
}
function draw() {
background(10);
noStroke();
d=min(mouseX,width);//d changes when the mouse moves
fill("red");
circle(width/4, height/4, d);//top left red circle
fill("green");
circle((width/4)*3, (height/4)*3, d);//bottom right green circle
d=width-d;// d changes oppositely
fill("blue");
circle(width/4, (height/4)*3, d);//bottom left blue circle
fill("orange");
circle((width/4)*3, height/4, d);//top right orange circle
}
When I was designing the graph, I was thinking about the idea of contrasting colors (red and green, blue and orange) and circles popping out.