Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Terrain Generator (Beta)

Public visualization

Terrain Generator (Beta)

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

A 3D terrain visualization maps elevation data from a CSV file onto a Three.js plane, using a custom vertex shader to displace geometry based on height values. The scene applies multiple procedural textures—ocean, sand, grass, rock, and snow—blended in the fragment shader according to elevation thresholds, while a semi-transparent blue box simulates water. D3 loads the CSV dataset, and THREEE.OrbitControls enables interactive camera rotation, zoom, and panning around the generated landscape.

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