I noticed that i mostly had problems with placement and how to read the x and y coordinates, so i decided to do this abstract drawing which allowed me to understand the movement of coordinates and shapes in particular in processing.

code:

size(400, 400);
background(211,168,206);

//blue circle
noStroke();
fill(60,11,190);
ellipse(40,170,50,50);
//sprails

noFill();
stroke(255,209,255);
ellipse(45,170,50,50);

noFill();
stroke(255,209,255);
ellipse(50,170,50,50);

noFill();
stroke(255,209,255);
ellipse(55,170,52,52);

noFill();
stroke(255,209,255);
ellipse(60,170,55,55);

noFill();
stroke(255,209,255);
ellipse(65,170,57,57);

noFill();
stroke(255,209,255);
ellipse(70,170,59,59);

noFill();
stroke(255,209,255);
ellipse(75,170,61,61);

noFill();
stroke(255,209,255);
ellipse(80,170,63,63);

noFill();
stroke(255,209,255);
ellipse(85,170,65,65);

noFill();
stroke(255,209,255);
ellipse(90,170,67,67);

noFill();
stroke(255,209,255);
ellipse(100,170,65,65);

noFill();
stroke(255,209,255);
ellipse(105,170,63,63);

noFill();
stroke(255,209,255);
ellipse(110,170,61,61);

noFill();
stroke(255,209,255);
ellipse(115,170,59,59);

noFill();
stroke(255,209,255);
ellipse(120,170,57,57);

noFill();
stroke(255,209,255);
ellipse(125,170,55,55);

noFill();
stroke(255,209,255);
ellipse(130,170,53,53);

noFill();
stroke(255,209,255);
ellipse(135,170,50,50);

//lines horizontal
line(60,10,390,10);
line(70,20,390,20);
line(95,30,390,30);
line(110,40,390,40);
line(120,50,390,50);

//lines vertical
line(300,10,300,150);
line(310,10,310,160);
line(320,10,320,170);
line(330,10,330,180);
line(340,10,340,190);
line(350,10,350,200);
line(360,10,360,390);
line(370,10,370,390);
line(380,10,380,390);
line(390,10,390,390);
//dark purple circle
noStroke();
fill(144,35,222);
ellipse(30,30,50,50);
// sprials
noFill();
stroke(255,209,255);
ellipse(35,35,50,50);

noFill();
stroke(255,209,255);
ellipse(40,40,51,51);

noFill();
stroke(255,209,255);
ellipse(45,45,50,50);

noFill();
stroke(255,209,255);
ellipse(50,50,50,50);

noFill();
stroke(255,209,255);
ellipse(55,55,53,53);

noFill();
stroke(255,209,255);
ellipse(60,60,55,55);

noFill();
stroke(255,209,255);
ellipse(65,65,60,60);

noFill();
stroke(255,209,255);
ellipse(70,70,70,70);

noFill();
stroke(255,209,255);
ellipse(75,75,80,80);
//big fuscia circle
fill(168,30,168);
noStroke();
ellipse(250,250,200,200);

//white spiral
noFill();
stroke(255,209,255);
ellipse(240,260,210,210);

noFill();
stroke(255,209,255);
ellipse(230,270,210,210);

noFill();
stroke(255,209,255);
ellipse(220,280,210,210);

noFill();
stroke(255,209,255);
ellipse(210,290,210,210);

noFill();
stroke(255,209,255);
ellipse(200,300,210,210);

noFill();
stroke(255,209,255);
ellipse(190,310,210,210);

noFill();
stroke(255,209,255);
ellipse(180,320,210,210);

noFill();
stroke(255,209,255);
ellipse(170,330,210,210);

noFill();
stroke(255,209,255);
ellipse(160,340,210,210);

noFill();
stroke(255,209,255);
ellipse(150,350,210,210);

noFill();
stroke(255,209,255);
ellipse(130,350,210,210);

noFill();
stroke(255,209,255);
ellipse(120,350,210,210);

noFill();
stroke(255,209,255);
ellipse(110,350,210,210);

noFill();
stroke(255,209,255);
ellipse(100,350,210,210);
noFill();
stroke(255,209,255);
ellipse(90,350,210,210);
noFill();
stroke(255,209,255);
ellipse(80,350,210,210);
noFill();
stroke(255,209,255);
ellipse(70,350,210,210);
noFill();
stroke(255,209,255);
ellipse(60,350,210,210);

noFill();
stroke(255,209,255);
ellipse(50,350,210,210);
noFill();
stroke(255,209,255);
ellipse(40,350,210,210);
noFill();
stroke(255,209,255);
ellipse(30,350,210,210);
noFill();
stroke(255,209,255);
ellipse(20,350,210,210);

noFill();
stroke(255,209,255);
ellipse(10,350,210,210);
noFill();
stroke(255,209,255);
ellipse(5,350,210,210);
noFill();
stroke(255,209,255);
ellipse(0,350,210,210);
noFill();
stroke(255,209,255);
ellipse(-5,350,210,210);
noFill();
stroke(255,209,255);
ellipse(-10,350,210,210);
noFill();
stroke(255,209,255);
ellipse(-15,350,210,210);
noFill();
stroke(255,209,255);
ellipse(-20,350,210,210);
noFill();
stroke(255,209,255);
ellipse(-25,350,210,210);
noFill();
stroke(255,209,255);
ellipse(-30,350,210,210);
noFill();
stroke(255,209,255);
ellipse(-35,350,210,210);
noFill();
stroke(255,209,255);
ellipse(-40,350,210,210);
noFill();
stroke(255,209,255);
ellipse(-45,350,210,210);
noFill();
stroke(255,209,255);
ellipse(-50,350,210,210);

noFill();
stroke(255,209,255);
ellipse(-55,350,210,210);
noFill();
stroke(255,209,255);
ellipse(-60,350,210,210);
noFill();
stroke(255,209,255);
ellipse(-65,350,210,210);

noFill();
stroke(255,209,255);
ellipse(-70,350,210,210);

noFill();
stroke(255,209,255);
ellipse(-71,350,210,210);

noFill();
stroke(255,209,255);
ellipse(-72,350,210,210);