Piste xy-koordinaatistossa

Haluamme piirtää pisteet (4,3), (-5,7), (-6,-3) ja (5,-8) matematiikan xy-koordinaatistoon. Kaikkein järkevintä on tehdä oma aliohjelma pisteestä ja matematiikan xy-koordinaatistosta, joilloin näitä voidaan kutsua void draw ()-lohkosta. Katsotaan tästä esimerkki. 

void setup () {
     size(600,600);  // Ikkunan koko
     background(255);  // Taustaväri valkoinen
     fill(0);  // Tekstin väri musta
     textSize(20);  // Tekstin koko 20
}

void draw () {
     koordinaatisto();
     piste(4,3);
     piste(-5,7);
     piste(-6,-3);
     piste(5,-8);
}

void koordinaatisto () {  
     translate(300,300);  // Origo ikkunan keskelle
     scale(1,-1);  // Peilaa y-koordinaatit
     strokeWeight(1); // Viivan paksuus 1
     stroke(200);  // Viivan väri harmaa
     for(int a=-10; a<=10; a++) {  // Piirrä ruudukko
          line(30*a,-300,30*a,300);
          line(-300,30*a,300,30*a);
     }
     strokeWeight(2); // Viivan paksuus 2
     stroke(0);  // Viivan väri musta
     line(-300,0,300,0); // x-askeli
     line(0,-300,0,300); // y-akseli 
}
void piste(float x, float y) {
     float x2 = map(x,-10,10,-300,300); // Skaalaa asteikolta [-10,10] asteikolle [-300,300]
     float y2 = map(y,-10,10,-300,300); // Skaalaa asteikolta [-10,10] asteikolle [-300,300]
     strokeWeight(10); // Viivan paksuus 10
     point(x2,y2); // Piirrä piste
}


Tällöin ohjelma tuostaa