🏔️ 3D-oppervlakteplotter

Een oppervlakteplot visualiseert een functie van twee variabelen, z = f(x, y), als een hoogteveld: voor elk punt op het vlakke x/y-vlak geeft de functie een hoogte z, en door die hoogtes te verbinden ontstaat een glad mesh dat in 3D zweeft. Kleur geeft meestal de hoogte aan, zodat pieken en dalen in één oogopslag opvallen. Het is de natuurlijke manier om bijvoorbeeld terrein, temperatuur over een plaat of de vorm van een wiskundige saddle weer te geven.

De tool berekent een raster van punten (tot 40×40) door je functie over het domein te evalueren, roteert die met twee hoeken die jij instelt, projecteert de geroteerde punten naar 2D met een eenvoudige isometrische projectie, en sorteert de vlakken van voor naar achter, zodat dichtere vlakken de verder weg liggende bedekken - het klassieke painter's algorithm. Alles wordt getekend met gewone HTML canvas: er is geen WebGL en geen three.js, wat de tool klein en afhankelijkheidsvrij houdt.

Een aangepaste whitelist-parser leest je formule - er is geen JavaScript eval - dus alleen de genoemde functies (sin, cos, tan, sqrt, abs, exp, log, pow), de constanten pi en e en de twee variabelen x en y worden geaccepteerd. Al het andere wordt geweigerd voordat het wordt uitgevoerd. Goede startpunten zijn de presets, zoals sin(x)*cos(y) voor een golvend veld of x^2 - y^2 voor een klassieke saddle.