π Public
wind barbs with d3
This example demonstrates wind barbs drawn with D3 v7, displaying six distinct SVG icons that encode wind speed and direction through barbs, short bars, and triangles. The visualization uses a custom WindArrow class that converts speed and direction values into paths, with the barbs rendered inside separate SVG containers within a Bootstrap layout. The code also includes a zero-wind case that draws circles using d3.arc, and the overall example invites creative modifications for themed variations.
AI-generated descriptionCreating circles with D3.
Challenge
- Fork this example
- Modify it
- Maybe make it Halloween themed
- Maybe make it Christmas themed
- Be creative
MIT Licensed








Comments
Sign in to join the discussion.