Surface Graph

Annotated 3D surface (chain rule, min/max, Lagrange, level sets, epsilon-delta, directional derivative, limit counterexamples). Pick a variant via the props JSON.

Embed syntax

Inside node/facet MDX content, embed the component directly. Inside a page, insert it through the Studio's component picker instead — it configures the same props through a form (or raw JSON if EditorComponentisn't set for this one).

<SurfaceGraph
  variant="chain-rule"
  title=""
/>

Live example

Props

PropTypeDefaultDescription
variant"chain-rule" | "tangent-plane" | "min-max-paraboloid" | "min-max-shifted-paraboloid" | "min-max-saddle" | "lagrange-constraint-surface" | "lagrange-sphere-distance" | "limit-example2" | "limit-example3" | "limit-example4" | "level-set" | "epsilon-delta" | "directional-derivative-saddle" | "directional-derivative-paraboloid"Required. Which annotated surface to render — each variant is a fully separate scene, controls, and footnote.
titlestringCard title. Falls back to the variant's own default label if omitted.