🏔️ Traceur de surface 3D

Un graphe de surface visualise une fonction de deux variables, z = f(x, y), comme un champ de hauteur : pour chaque point du plan x/y plat, la fonction donne une hauteur z, et relier ces hauteurs forme un maillage lisse flottant en 3D. La couleur encode généralement la hauteur, ce qui fait ressortir pics et vallées d’un coup d’œil. C’est une manière naturelle de représenter le relief, la température sur une plaque, ou la forme d’une selle mathématique.

L’outil calcule une grille de points (jusqu’à 40×40) en évaluant votre fonction sur le domaine, puis fait pivoter ces points avec deux angles que vous contrôlez, projette les points tournés en 2D via une projection isométrique simple, et trie les faces de l’arrière vers l’avant pour que les plus proches recouvrent les plus éloignées — l’algorithme classique du peintre. Tout est dessiné avec un simple canvas HTML : il n’y a ni WebGL ni three.js, ce qui garde l’outil léger et sans dépendances.

Un parseur de liste blanche personnalisé lit votre formule — il n’y a aucun JavaScript eval — donc seules les fonctions listées (sin, cos, tan, sqrt, abs, exp, log, pow), les constantes pi et e et les deux variables x et y sont acceptées. Tout le reste est rejeté avant l’exécution. Les bons points de départ sont les préréglages, comme sin(x)*cos(y) pour un champ d’ondes roulant ou x^2 - y^2 pour une selle classique.