A four-state 3D lego-plot matrix — rows × columns of WebGL columns whose height and colour intensity both encode one value, with runtime-resolved theme tokens, orbit controls and hover tooltips.
Files · 2
Dependencies
npm packages
three
@react-three/fiber
@react-three/drei
lucide-react
zod
Registry items
utils
Registry Items
chart-3d-heightmap
Configuration
Name
chart-3d-heightmap
Type
UI
Description
A four-state 3D lego-plot matrix — rows × columns of WebGL columns whose height and colour intensity both encode one value, with runtime-resolved theme tokens, orbit controls and hover tooltips.