3D Surface Mesh

A 3D surface mesh renders a continuous height field as a triangulated, color-shaded surface so users can read the shape of a function or sampled grid at a glance. Unlike a static raster surface, the mesh is built from a Three.js plane geometry whose vertex z-values are bound to t

Template details

  • chart
  • 3d
  • surface
  • mesh
  • threejs
  • scientific

When to use this template

A 3D surface mesh excels at revealing the overall shape and local features of a 2D function or sampled grid. It allows users to quickly identify peaks, valleys, ridges, and saddle points, providing insight into relationships between two independent variables and a dependent outcome. This visualization is ideal for understanding complex functional forms or spatial distributions where the contour and gradient of the surface are key to discovery.

  • Data representing a continuous function of two independent variables.
  • Gridded or regularly sampled data points (X, Y) with a quantitative Z-value.
  • Datasets where the shape, slope, and curvature of the surface are primary insights.
  • Quantitative Z-values that benefit from a perceptually ordered color gradient.
  • Large datasets where interpolation or triangulation creates a smooth surface.
  • Exploring spatial or parameter-space relationships with a dependent variable.

Browse all Koan templates