mandelbrot set with axes code example

Example: mandelbrot generating code

function mandelIter(cx, cy, maxIter) {  var x = 0.0;  var y = 0.0;  var xx = 0;  var yy = 0;  var xy = 0;   var i = maxIter;  while (i-- && xx + yy <= 4) {    xy = x * y;    xx = x * x;    yy = y * y;    x = xx - yy + cx;    y = xy + xy + cy;  }  return maxIter - i;} function mandelbrot(canvas, xmin, xmax, ymin, ymax, iterations) {  var width = canvas.width;  var height = canvas.height;   var ctx = canvas.getContext('2d');  var img = ctx.getImageData(0, 0, width, height);  var pix = img.data;   for (var ix = 0; ix < width; ++ix) {    for (var iy = 0; iy < height; ++iy) {      var x = xmin + (xmax - xmin) * ix / (width - 1);      var y = ymin + (ymax - ymin) * iy / (height - 1);      var i = mandelIter(x, y, iterations);      var ppos = 4 * (width * iy + ix);       if (i > iterations) {        pix[ppos] = 0;        pix[ppos + 1] = 0;        pix[ppos + 2] = 0;      } else {        var c = 3 * Math.log(i) / Math.log(iterations - 1.0);         if (c < 1) {          pix[ppos] = 255 * c;          pix[ppos + 1] = 0;          pix[ppos + 2] = 0;        }        else if ( c < 2 ) {          pix[ppos] = 255;          pix[ppos + 1] = 255 * (c - 1);          pix[ppos + 2] = 0;        } else {          pix[ppos] = 255;          pix[ppos + 1] = 255;          pix[ppos + 2] = 255 * (c - 2);        }      }      pix[ppos + 3] = 255;    }  }   ctx.putImageData(img, 0, 0);} var canvas = document.createElement('canvas');canvas.width = 900;canvas.height = 600; document.body.insertBefore(canvas, document.body.childNodes[0]); mandelbrot(canvas, -2, 1, -1, 1, 1000);