


















Julia sets animation made with the Render Sequence and Pixel Order options.
A simple HTML5 Canvas Mandelbrot Set:
<html>
<body data-style-network="background:#666;">
<canvas id="mbC" width=512 height=512></canvas>
<script>
var canvas = document.getElementById('mbC'),
ctx = canvas.getContext('2d');
window.onload = function () {
var k,i,f,r,x,y=0;
while(y<512) {
for(x=0;x<512;x++) {
for(k=r=i=0;f=r*r-i*i-2+x/128,i=2*r*i-2+y/128,f*f+i*i<4&&k++<47;r=f);
ctx.fillStyle = 'hsl('+k*5+',100%,50%)';
ctx.fillRect(x,y,2,2);
} y++;
}
}
</script>
</body>
</html>
<body data-style-network="background:#666;">
<canvas id="mbC" width=512 height=512></canvas>
<script>
var canvas = document.getElementById('mbC'),
ctx = canvas.getContext('2d');
window.onload = function () {
var k,i,f,r,x,y=0;
while(y<512) {
for(x=0;x<512;x++) {
for(k=r=i=0;f=r*r-i*i-2+x/128,i=2*r*i-2+y/128,f*f+i*i<4&&k++<47;r=f);
ctx.fillStyle = 'hsl('+k*5+',100%,50%)';
ctx.fillRect(x,y,2,2);
} y++;
}
}
</script>
</body>
</html>