Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-5_Shanmukha

Public visualization

Viewing a saved revision (read-only)

8a499b1225ec43f4983b8655db41f775

ICE-5_Shanmukha

0 stars0🌍 Public
Sshanmukhadatta4040@gmail.com
Last edited Mar 3, 2024
Created on Mar 3, 2024
Forked from Circles with D3

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 description

Creating 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!