Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Volcano

Public visualization

Viewing a saved revision (read-only)

53ddd5937b32452ea3b5c778348c6933

Volcano

2 stars2๐ŸŒ Public
Vvivianaaai@qq.com
Last edited Nov 7, 2023
Created on Nov 7, 2023
Forked from Pie Chart

This visualization animates contour lines of volcano elevation data, smoothly interpolating between threshold boundaries to create a flowing, morphing effect over a geographic projection. The contours are generated using `d3.contours` from a grid of elevation values in `volcano.json`, projected with `d3.geoNaturalEarth1` and rendered as SVG paths via `d3.geoPath`. A sequential plasma color scale encodes elevation values, while an infinite loop transitions path shapes and fills every 200 milliseconds using `d3.transition`. The animation cycles through paired thresholds, creating continuous, fluid distortions of the terrain.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.