Mandelbrot Set in HTML 5 Canvas

written by Kostas Symeonidis ©2009-2010 atopon.org

Complex plane coordinates:
Elapsed:  
Xmin
Xmax
Ymin
Ymax

Instructions

Click & drag a new square on the mandelbrot set on the right to zoom in an area of your choice.
Click the [reset] button below to reset the Mandelbrot set to its normal coordinates.

Try different sizes:
 – small (240x240)
 – normal (360x360)
 – large (480,480)
 – iPad (1024,1024)

It seems that your browser does not support the "canvas" tag. You are either using an out-dated browser, or a "modern" browser that doesn't really support modern technology. Upgrade to something better is highly recommended.

This page is an experiment on HTML 5 and the <canvas> tag. It is compatible with Google Chrome, Firefox 1.5+, Opera and Safari browsers.
It can be used as a benchmark of the Javascript engine of your browser in combination with the client machine that it runs on. For example a Google Chrome on a reasonable 2GHz+ dual-core machine should produce a 360x360 Mandelbrot set in about 1 second.
The fastest browser currently (April 2010) seems to be Opera with Google Chrome second and Firefox a close third.

License and Contact Information

Mandelbrot Set in HTML 5 Canvas is released as open source under the GNU General Public License version 3 (GPLv3) For more information on this, and how to apply and follow the GNU GPL, see http://www.gnu.org/licenses/.

Contact the author using the CyLog Software "Contact Us" form.