Viewing a saved revision (read-only)
8a499b1225ec43f4983b8655db41f775
ICE-5_Shanmukha
This visualization shows the geographic layout of the ICE-5G glacial isostatic adjustment model, rendering a map of ice sheet thickness and surface deformation. It uses D3’s `d3.geoPath` to draw the land and ice contours, while a color scale encodes elevation and ice thickness data. The code also employs `d3.forceSimulation` for label placement, positioning text annotations without overlap, and accesses raster data via Canvas `getImageData` to sample color values. The rendering approach combines vector shapes with canvas-based pixel manipulation for a detailed, interactive representation of the model’s output.
AI-generated descriptionCreating circles with D3.
Challenge
- Fork this example
- Modify it
- Maybe make it Halloween themed
- Maybe make it Christmas themed
- Be creative
Svelte
Here's a video on how to get started with Svelte as well!