The Mandelbrot set in JavaScript | Hacker News Reader

The Mandelbrot set in JavaScript

slicker.me

62 pointsandradejr16 comments

an interactive (zoomable) HTML/JS mandelbrot with detailed (but not long) source code + a super tiny (200 bytes) Mandelbrot tracer: https://github.com/xem/miniMandelbrot

Also related:

ASCII Mandelbrot (111b): http://www.p01.org/128b_mandelbrot/

Wow, I'm impressed! This takes coding to a whole new level...

a fractal is much more fun when you can zoom

http://calvinmetcalf.github.io/leaflet-fractal/#255/-0.37/0....

course that's MUCH more then 25 lines

Good point!

I was able to add the zoom capability without TOO much code:

http://slicker.me/fractals/zoom.htm

The next step is smooth coloring. I've written a post explaining it here: https://csl.name/post/mandelbrot-rendering/

The js code can be tested on https://csl.name/mandelbrot

Did you forget renew a domain name? The demo link in your post's opening paragraph is now leading to some kind of Japanese Bra company.

Haha, thanks for spotting that! It should lead to the link in the above comment of course.

Such a small code snippet! I wrote coloring using the triangle inequality in JS a couple years ago for someone on reddit:

http://codepen.io/anon/pen/Ircav

Amazing that we can write these things up so quickly in a browser.

Nice writeup.

I did a mandelbrot viewer in javascript like 5 years ago. In fact, it was the only thing I ever wrote in Javascript besides dom manipulation crap. I wanted to try the canvas tag when it was first introduced, and this was the first project that came to mind. My version had color and let you click on the image to zoom. After about 20 clicks, it would run out of precision and the pixels would turn into larger and larger blocks. It was also slow as dirt back then. I'd bet it would probably run pretty good nowadays.

Here is another one. click to zoom. modify hash for antialiasing and higher iteration count.

http://jonathan-potter.github.io/Mandelbrot/

Also related...Newton's method fractal: http://deathray.us/newton/

The JS source is longer.

First code example is missing a closing brace on the innermost for loop.

I corrected it now. Thanks for the good catch!

What does this title mean? Why 51? Looks like a simple Mandelbrot set in Javascript.

Where are the other 50?

We changed the title from "51 Fractals – tutorial (only 25 lines of code)".

Reply on news.ycombinator.com