from Hacker News

The Mandelbrot set in JavaScript

by andradejr on 5/26/16, 9:59 AM with 16 comments

  • by xem on 5/26/16, 12:22 PM

    Related:

    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/

  • by cwmma on 5/26/16, 11:46 AM

    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

  • by csl on 5/26/16, 2:11 PM

    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

  • by foobarrio on 5/26/16, 5:04 PM

    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.

  • by greydius on 5/26/16, 4:14 PM

    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.

  • by potterrawr on 5/26/16, 5:51 PM

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

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

  • by staplung on 5/26/16, 3:15 PM

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

    The JS source is longer.

  • by oneeyedpigeon on 5/26/16, 11:52 AM

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

  • by ewalk153 on 5/26/16, 1:48 PM

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

  • by hanoz on 5/26/16, 1:54 PM

    Where are the other 50?