A four-state rotatable 3D surface from a z-value grid — vertex colors lerped between runtime-resolved chart tokens by height, a subtle wireframe overlay, orbit controls and hover tooltips, with SSR never touching WebGL.
Files · 2
Dependencies
npm packages
zod
three
@react-three/fiber
@react-three/drei
Registry items
utils
Registry Items
chart-3d-surface
Configuration
Name
chart-3d-surface
Type
UI
Description
A four-state rotatable 3D surface from a z-value grid — vertex colors lerped between runtime-resolved chart tokens by height, a subtle wireframe overlay, orbit controls and hover tooltips, with SSR never touching WebGL.