Built an elevation map visualization which includes data for the Earth, the Moon, and Mars. Makes use of rendering to device pixels instead of CSS pixels so it visualizes densely and crisply on capable displays, and most notably, renders in WebGPU and outputs in HDR and P3 with custom color maps so the visualization looks particularly vibrant. HDR and wide-gamut support varies by display, but at least should work well on recent iPhone and MacBook Pro models on Chrome or Safari for example.

As a note: this visualization was actually built more as a way to explore HDR and wide-gamut color maps rather than to explore elevation, as I think using HDR for visualization is underexplored. As such, I recommend playing around with the various color maps and highlight features to see some of the advantages of HDR and P3 in a visualization context. Try hovering over the color map itself, it’s interactive as well :). Here is a good sample spot to experiment with (the Tibesti mountains of Chad and Libya): https://agaura.github.io/elevation_atlas/index.html#7.7969/0...