Trazador de Superficies 3D

El Trazador de Superficies 3D dibuja cualquier función de dos variables \( z = f(x, y) \) como un paisaje 3D totalmente interactivo directamente en tu navegador. Arrastra dentro del visor para rotar la superficie, desplaza la rueda o pellizca para hacer zoom, y arrastra con el botón derecho (o desplaza con dos dedos en móviles) para deslizar la vista. Escribe tu propia función con soporte completo para sin, cos, exp, log, sqrt, las constantes \( \pi \) y \( e \), y comodidades naturales como x^2 o 2xy — o haz clic en uno de los diez ajustes preestablecidos para un renderizado instantáneo de la clásica silla de montar, paraboloide, sinc de sombrero mexicano, silla de montar para monos, caja de huevos, protuberancia gaussiana y más. Elige entre proyección isométrica y perspectiva, seis mapas de colores perceptivos y tres estilos de malla de alambre, luego exporta la vista actual como un archivo PNG de alta resolución.

Cómo funciona el trazado de superficies 3D

Una galería de superficies clásicas

¿Qué hace diferente a este trazador 3D?

Sintaxis de expresión — Referencia rápida

Lectura de una superficie 3D

Un gráfico de superficie codifica enormes cantidades de información a través de la forma y el color en conjunto. Algunos patrones se vuelven reconocibles con la práctica:

• Puntos críticos son aquellos donde la superficie tiene un plano tangente horizontal — los máximos locales se ven como cúpulas, los mínimos locales como el fondo de un cuenco, y los puntos de silla de montar se curvan hacia arriba en una dirección y hacia abajo en la dirección perpendicular. Haz clic en el ajuste preestablecido Silla de montar y rota la vista: a lo largo de un eje es una sonrisa, a lo largo del otro es un ceño fruncido.
• Curvas de nivel (líneas de contorno) aparecen naturalmente cuando el mapa de colores es divergente o de estilo terreno — las bandas del mismo color trazan líneas de constante \( z \).
• Dirección del gradiente es la dirección de subida más empinada en cada punto. Visualmente, esa es la dirección perpendicular a las curvas de nivel, apuntando hacia los colores más cálidos.
• Simetría es obvia en 3D: \( z = x^2 + y^2 \) es rotacionalmente simétrica (un cuenco), \( z = x^2 - y^2 \) solo tiene simetrías de espejo (una silla de montar), y \( z = x^3 - 3xy^2 \) tiene una hermosa simetría de rotación triple (silla de montar para monos).

De la silla de montar al sinc: un recorrido con un solo clic

La galería de ajustes preestablecidos es un recorrido guiado por las superficies multivariables más enseñadas. Una secuencia sugerida para quienes lo ven por primera vez:

1. Paraboloide \( z = x^2 + y^2 \) — la superficie 3D más amigable. Un cuenco, rotacionalmente simétrico, con un único mínimo en el origen.
2. Silla de montar \( z = x^2 - y^2 \) — la icónica papa Pringles. Prueba el mapa de colores frío-calor para ver la división positiva/negativa de inmediato.
3. Paraboloide hiperbólico \( z = xy \) — una silla de montar rotada 45°. Misma forma, diferente orientación.
4. Silla de montar para monos \( z = x^3 - 3xy^2 \) — tres pendientes alrededor del origen en lugar de dos. Se llama así porque un mono también necesitaría apoyar su cola allí.
5. Gaussiana \( z = e^{-(x^2+y^2)} \) — la curva de campana en 2D. Base de la estadística, el procesamiento de señales y la física.
6. Sinc de sombrero mexicano \( z = \sin\sqrt{x^2+y^2}/\sqrt{x^2+y^2} \) — el sinc radial. Aparece en óptica de Fourier, patrones de difracción y la ondícula (wavelet) que lleva su nombre.
7. Caja de huevos \( z = \sin x \sin y \) — periódica en dos direcciones. Activa la malla de alambre para ver cómo las líneas de la cuadrícula se alinencan con las protuberancias.
8. Ondulaciones \( z = \sin\sqrt{x^2+y^2} \) — ondas concéntricas que se propagan desde el origen. Prueba el dominio amplio de −8 a 8.

Usos en el mundo real

• Cálculo multivariable: visualiza derivadas parciales, gradientes, puntos críticos y multiplicadores de Lagrange sin tener que volver a dibujar a mano cada vez.
• Física: las superficies de energía potencial, las intensidades de campos electromagnéticos, las distribuciones de presión de fluidos y las funciones de ondas cuánticas viven todas como \( z = f(x, y) \).
• Aprendizaje automático (Machine learning): los paisajes de pérdida alrededor de un subespacio de pesos 2D ayudan a desarrollar la intuición de por qué funciona el descenso de gradiente (y por qué las sillas de montar son un problema).
• Gráficos por computadora: los mapas de altura para terrenos son exactamente esto — una función \( h(x, y) \) muestreada en una cuadrícula regular y luego triangulada.
• Ingeniería civil: modelos de elevación para análisis de terrenos, cuencas de presas y estimación de volúmenes de movimientos de tierra.
• Visualización de datos: cualquier cantidad que dependa de dos variables independientes — la temperatura en un país, las ventas por región y mes, la aptitud física a través de dos hiperparámetros — se representa naturalmente como una superficie.

Consejos para obtener gráficos hermosos

• Adapta el dominio a la función. Los polinomios generalmente se muestran de −3 a 3. Las funciones oscilantes como sinc necesitan un dominio amplio (−8 a 8) para revelar las ondulaciones. Usa −1 a 1 para hacer zoom en una sola silla de montar cerca del origen.
• Elige el mapa de colores adecuado. Usa frío-calor para cualquier superficie con regiones positivas y negativas — el punto medio blanco marca el nivel cero al instante. Usa viridis o plasma para superficies no negativas. Usa terreno para mapas de altura estilo paisaje.
• Desactiva la malla de alambre para renderizados de portafolio. La malla de alambre sutil es excelente para la enseñanza ("ver la malla"). Para figuras con calidad de publicación, establece la malla de alambre en Apagado e incrementa la resolución a Alta o Ultra.
• El giro automático captura animaciones ricas. Presiona Giro automático y luego comienza una grabación de pantalla — perfecto para incrustar una superficie giratoria en diapositivas sin orquestación manual.
• Los dominios demasiado grandes pueden aplanar la superficie. Si tu función devuelve valores enormes cerca de los bordes, el detalle interior colapsa. Reduce el dominio o escala la función (por ejemplo, \( z / 100 \)) para volver a poner la acción a la vista.

Frequently Asked Questions