Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bees with Random Timing

Public visualization

Viewing a saved revision (read-only)

f9d8feb0536b4437899d41db218529ec

Bees with Random Timing

0 stars1🌍 Public
CCurran Kelleher
Last edited Feb 25, 2024
Created on Feb 25, 2024
Forked from Bees

A field of 200 black bees flutters across an 800-by-600 SVG canvas, each moving independently with randomized timing. The bees’ wings flap via recursive `transition.attrTween` calls that interpolate between scale states, while each bee repositions itself using a linear-eased `transition` that picks new random coordinates on completion. The code uses D3 v6 to append bird groups, circles for bodies, and quadratic paths for wings, with randomized flap speeds and movement durations to avoid synchronized looping. The pink flower styling is defined in CSS but no flowers are drawn.

AI-generated description

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

See also React Starter.