Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HiDPI 3D Scatter Plot

Public visualization

HiDPI 3D Scatter Plot

0 stars0🌍 Public
Mmeperezcuello
Last edited Oct 1, 2019
Created on Oct 1, 2019

A HiDPI 3D scatter plot renders ten thousand cubes on a checkerboard ground plane using Three.js. The visualization merges individual cube geometries into a single mesh via `THREE.BufferGeometryUtils.mergeBufferGeometries` and applies normal-based coloring. Data comes from a Medical Cost CSV loaded with D3's `csv` function. The camera orbits interactively through Three.js OrbitControls, while the canvas is scaled by a factor of two for high-pixel-density displays.

AI-generated description

A 3D scatter plot using Three.js and D3.

This variant uses the high pixel density Canvas technique described in Scaling HTML canvases for HiDPI screens.

Comments

Sign in to join the discussion.

MIT Licensed