This is the second variation of the JS-PY interface (advanced edition). It is constructed to fit a specific script on the server, and has a separate input field for each argument. Unlike the first variation, this one loads an image result from the script. Less visibly, it also differs in that it uses form tags and the FormData interface to POST input data to the server, instead of using JavaScript to construct the querystring from the individual form fields for a GET request. The form is still submitted using an AJAX request.

Since the script does image processing, which takes a human-noticeable amount of time, it also includes a status icon for when the AJAX response is pending, loaded, or failed. Check it!

Associated files:

pyinterface2_advanced.js
cgi-bin/wrapper2_advanced.py
style.css (global stylesheet)

A simpler version of this interface concept is available here. It doesn't have color-picking or a file upload. (Note to self: remember to check .png and do other security stuff merp)

Mandelbrot Generator

Supply some dimensions and hit run to see a totally cool Mandelbrot set visualization! While the AJAX request is pending, a loading icon should appear next to the Run button. Once the response is loading, it should change to a checkmark and the image should appear in a new window. You may need to disable your pop-up blocker if it doesn't!

Escape velocity coloration Fast escape: Slow escape:
Use quadratic instead of linear color interpolation?

Points escape to infinity more slowly closer to the set's boundary.

Background Color:
Image:
Clear File

If an image is specified, background color will be ignored. Images must be .PNG and smaller than 1.5MiB. Transparent images are okay, but transparency will be ignored. If the image provided is smaller than the output, it will be tiled; if it is larger, it will be cropped.

Fractal viewing range XMin: XMax:
YMin: YMax:

The default values of [-2,1],[-1,1] will show you the whole of the main Mandelbrot fractal

A couple other cool regions:

X:[ 0.360, 0.430] Y:[ 0.120, 0.170] Go There!
X:[-0.325,-0.275] Y:[ 0.625, 0.675] Go There!
X:[ 0.345, 0.375] Y:[ 0.630, 0.660] Go There!
X:[-0.005, 0.000] Y:[ 0.825, 0.830] Go There!
X:[-1.075,-1.050] Y:[ 0.250, 0.275] Go There!
X:[-1.500,-1.325] Y:[-0.050, 0.050] Go There!
X:[-1.410,-1.400] Y:[-0.005, 0.005] Go There!

Image height:

Image width is calculated from height and aspect ratio above. Images with a height of greater than 1200 or width of greater than 1800 pixels will not be generated.

Iterations:

The number of iterations to attempt before assuming that a value is in the Mandelbrot set. Integer values only, maximum of 100.

Run