Skip to main content
100%

Swellcast Sydney API response

✓ Published0🌍 Public
DDylanFM
Last edited Dec 11, 2012
Created on Dec 11, 2012

The example visualizes real-time surf conditions for Sydney by reading a JSON API response from a gist, mapping each three-hourly forecast to a winding, time-series path. D3.js is used to encode swell height, swell direction, and wind speed as variations in the path’s stroke width, color, and directional arrows, while compass points and knots are annotated. The rendering relies on `d3.json` to fetch the data, `d3.forceSimulation` to position the paths dynamically, and custom `d3.geoPath` projections to orient the directions. The result is a compact, animated timeline of ocean state over 48 hours.

AI-generated description

Similar vizzes