Processingで折れ線グラフみたいなのを描く

折れ線グラフ的なものが欲しかったので、作ってみました。
こちらneralt.com
を参照させて頂きました。
イメージ背景に使えそうですね。

こんな感じです。

三角形やらと組み合わせると、こんなのもできます。

  color[] colarray = 
{ 
#fdf4ac,#3de3d6,#b564c5,#f1709c,#ffbe8e,#413d79,#ffffff
};

int graphx,graphy;

void setup(){
  size( 600, 600 );
  background(255);
  smooth();
  noLoop();
}
 
 
void draw(){
   background(255);
 beginShape();
  for (graphx = 0; graphx < width; graphx+=20) {
    graphy = int(random(100,300)); 
    noFill();
    stroke(colarray[(int)random(7)]);
strokeWeight(3);
    vertex(graphx,graphy);
    
    ellipse(graphx,graphy,5,5);
ellipse(graphx,graphy,10,10);
    
  
  }
    
 endShape();
}

void mousePressed() {

      redraw();// ボタンが押されたときだけ再描画
      
}