🏔️ Graficador de superficie 3D

Un gráfico de superficie visualiza una función de dos variables, z = f(x, y), como un campo de alturas: para cada punto del plano x/y plano la función da una altura z, y al conectar esas alturas se forma una malla suave flotante en 3D. El color normalmente codifica la altura, por lo que picos y valles se distinguen de un vistazo. Es la manera natural de representar cosas como terreno, temperatura sobre una placa o la forma de una silla matemática.

La herramienta calcula una malla de puntos (hasta 40×40) evaluando su función en todo el dominio, luego rota esos puntos usando dos ángulos que controla, proyecta los puntos rotados a 2D con una proyección isométrica simple, y ordena las caras de atrás hacia adelante para que las más cercanas cubran a las más lejanas, el clásico algoritmo del pintor. Todo se dibuja con HTML canvas sin dependencias: no hay WebGL ni three.js, lo que mantiene la herramienta pequeña y sin dependencias.

Un analizador de lista blanca personalizado lee tu fórmula; no hay JavaScript eval; por lo que solo se aceptan las funciones listadas (sin, cos, tan, sqrt, abs, exp, log, pow), las constantes pi y e, y las dos variables x y y. Todo lo demás se rechaza antes de ejecutarse. Puntos de partida recomendados son las predefiniciones, como sin(x)*cos(y) para un campo de ondas ondulantes o x^2 - y^2 para una silla clásica.