Grafico 3D
Traccia qualsiasi superficie z = f(x, y) nel tuo browser — senza download, senza plugin. Digita un’espressione in x e y, poi trascina per orbitare intorno, scorri o pizzica per zoomare e alza il dettaglio della griglia per affinare la maglia.
Il tracciatore usa lo stesso motore di espressioni della calcolatrice grafica 2D, quindi ogni funzione che già conosci — sin, cos, sqrt, ^ e altro — funziona anche qui. Dove una funzione non è definita, la superficie mostra un buco onesto invece di una falsa striscia.
Trascina per ruotare · scorri o pizzica per zoomare · seleziona il grafico e usa le frecce / + / −
Nessuna superficie tracciata.
Come funziona la rotazione 3D
Trascinare il grafico fa orbitare una telecamera virtuale intorno alla superficie: i trascinamenti orizzontali cambiano l’azimut (la direzione cardinale da cui guardi) e quelli verticali cambiano l’elevazione (quanto la telecamera sta in alto sopra il piano xy). Scorrere o pizzicare avvicina o allontana la telecamera. Se usi una tastiera, seleziona il grafico e usa le frecce per ruotare e + / − per zoomare.
La superficie è disegnata con l’algoritmo del pittore: ogni quad della maglia viene proiettato con una vera telecamera prospettica, ordinato dal più lontano al più vicino per profondità e disegnato prima il più lontano, con ombreggiatura di profondità. La geometria più vicina nasconde quindi ciò che sta dietro, ed è questo che dà al grafico il senso di profondità solida. Se lasciato solo per qualche secondo, il grafico ruota lentamente da solo — a meno che tu non abbia attivato prefers-reduced-motion, nel qual caso resta perfettamente fermo.
Cosa mostrano i preset
Paraboloide (x²+y²) è la scodella classica: z cresce con la distanza dall’origine in ogni direzione, con minimo 0 in (0, 0). È l’analogo 3D della parabola y = x².
Increspatura (sin(√(x²+y²))) disegna onde concentriche che si irradiano dall’origine — il valore dipende solo dalla distanza dall’origine, quindi ogni curva di livello è un cerchio. È un buon modo per vedere come appare la simmetria radiale come superficie.
Sella (x²−y²) si incurva verso l’alto lungo l’asse x e verso il basso lungo l’asse y. L’origine è un punto di sella: un minimo in una direzione e un massimo nell’altra, la versione 3D di un punto critico simile a un flesso.
Rendering onesto: buchi e scala z
I punti non definiti diventano buchi, mai congetture. Traccia 1/(x²+y²) e vedrai la maglia spezzarsi intorno alla singolarità nell’origine, esattamente come il grafico 2D interrompe una curva in un asintoto verticale.
Le superfici molto alte vengono ridotte uniformemente in z per stare sullo schermo — il tracciatore ti dice il fattore di scala (per esempio, "asse z auto-scalato ×0.22"). La forma e i valori minimo/massimo di z restano fedeli alla tua espressione; solo le proporzioni verticali sono compresse per la visualizzazione.
Domande frequenti
Quali espressioni posso tracciare in 3D?
Qualsiasi espressione nelle variabili x e y, usando le stesse funzioni della calcolatrice 2D: potenze (x^2), radici (sqrt), funzioni trigonometriche (sin, cos, tan), esponenziali, logaritmi e costanti come pi. Tutto il resto — per esempio una variabile z spuria — viene rifiutato con un chiaro messaggio di errore invece di tracciare in silenzio la cosa sbagliata.
Perché ci sono buchi nella mia superficie?
I buchi sono vuoti onesti dove la tua funzione non è definita: divisione per zero, radice quadrata di un numero negativo o logaritmo di un numero non positivo. Il renderer salta quei quad invece di disegnare un picco fuorviante attraverso la singolarità.
Cosa cambia l’impostazione Dettaglio?
Imposta la risoluzione della maglia — quante divisioni della griglia vengono campionate lungo ciascun asse (24, 36, 48 o 64). Un dettaglio maggiore disegna una superficie più liscia ma valuta la funzione più volte (64² = 4.225 punti per ridisegno), quindi parti dal basso sui telefoni meno recenti.
Il grafico 3D funziona su mobile?
Sì. Un dito trascina per ruotare, il pinch a due dita zooma e il trascinamento a due dita ruota con sensibilità ridotta. Il layout è mobile-first e il canvas è dimensionato per il suo contenitore con scala device-pixel-ratio per linee nitide.
Il grafico 3D è accurato?
La superficie è campionata dalla tua espressione esatta in ogni punto della griglia — nessuna stima AI, nessuno smussamento della matematica sottostante. Tra i punti della griglia la maglia collega i campioni con quad rettilinei, quindi dettagli molto appuntiti possono sembrare leggermente sfaccettati a basso dettaglio; alza l’impostazione Dettaglio per stringere la maglia.