JsGraph Ausgabe

Vergleichsbild

so sollte es aussehen:

Code

var g = NewGraph2D( { Width: 600, Height: 400, BorderColor: 'black', DrawFunc: Draw } );

function Draw( g ) {
  var r = 40;
  g.SetAreaAttr('yellow','red',1);
  row ( g, 50, 0, r );
  row ( g, 150, 0, -r );
  row ( g, 250, 180, r );
  row ( g, 350, 180, -r );
}

function row( g, y, s, r ) {
 for (i = 0; i < 6; i++ ) {
   g.OpenPath();
   g.MoveTo( 100*i+50, y );
   g.EllipseArc( 100*i+50, y, r, 0.5*r, 30, s, i*90+30 );
   g.LineTo( 100*i+50, y );
   g.Path( 7 );
 }
}