diff --git a/test/js/index.html b/test/js/index.html
index 2abe954e5..f9228720e 100644
--- a/test/js/index.html
+++ b/test/js/index.html
@@ -104,6 +104,7 @@
 <li><a href="assorted-log-doc-write.html">console.log and document.write</a></li>
 <li><a href="wikipedia-lcm.html">Example from wikipedia</a></li>
 <li><a href="verify-instanceofness.html">Check instanceof behaviour</a></li>
+<li><a href="mandelbrot.html">Canvas/ImageData Mandelbrot ploter</a></li>
 </ul>
 
 </body>
diff --git a/test/js/mandelbrot.html b/test/js/mandelbrot.html
new file mode 100644
index 000000000..38f77eff5
--- /dev/null
+++ b/test/js/mandelbrot.html
@@ -0,0 +1,31 @@
+<html>
+    <head>
+        <title>JS Mandelbrot</title>
+        <script src="https://nerget.com/mandelbrot.js"></script>
+        <script>
+        var drawn = false;
+        var dimension = 2;
+        var cx = -dimension / 2 + 0.5;
+        var cy = -dimension / 2;
+        
+        function log(msg) {
+            document.getElementById("log").innerHTML += msg + "<br/>";
+        }
+        
+        function draw() {
+            var forceSlowPath = document.getElementById('forceSlowPath').checked;
+            drawMandelbrot(document.getElementById('canvas').getContext('2d'), 200, 200, 
+                           cx + dimension / 2, cy + dimension / 2, dimension, 500, forceSlowPath);
+            drawn = true;
+        }
+        
+        </script>
+    </head>
+    <body>
+        <canvas id="canvas" width="200" height="200" style="border: 1px solid black;"></canvas>
+        <br />
+        <input id="forceSlowPath" type="checkbox">Use slow path.</input> <br />
+        <a href="javascript:draw()">Start</a>
+        <div id="log"></div>
+    </body>
+</html>
