Viewing a saved revision (read-only)
b2c823b4f7cf47349e41d4eda1238603
2015 Seattle House Galaxy
A 3D scatter plot visualizes 2015 Seattle house prices as a rotating galaxy of colored sprites, mapping year built, price, and square footage to spatial axes and floors to color. The Three.js scene renders approximately 7,000 canvas-generated gradient sprites on a WebGL canvas, scaled for HiDPI displays. D3 handles data loading, linear and logarithmic scaling, and category colors, while a d3.zoom interaction with restricted panning enables user rotation alongside continuous automatic animation.
AI-generated descriptionA 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.
Colors and gradient sprite idea inspired by Firefly Cartography.
This visualization shows 2015 Seattle House Price data (approx. 7,000 rows). It's really more of a test of the technique than a readable visualization. Performance remains decent at this number of sprites.
The data was originally visualized in this 2015 Seattle House Price data by GeniXiong.