Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bees with Random Colors

Public visualization

Viewing a saved revision (read-only)

2d02dcb96ef544b1a299b3134af63e07

Bees with Random Colors

1 star0🌍 Public
CCurran Kelleher
Last edited Feb 26, 2024
Created on Feb 25, 2024

Four hundred randomly colored bees—small circles sporting rainbow fill and white, semi-transparent wings—drift through an endless black SVG canvas. Each bee flutters with an individual timing, using `transition.attrTween` to scale wing paths in a sine-like flapping cycle and `interpolateRainbow` to pick its color. Random durations and delays in movement and flapping prevent synchronized loops, producing a natural, chaotic swarm. The animation is built with D3.js v6, rendering SVG elements and orchestrating infinite, staggered motion.

AI-generated description

A variation on Bees by Asrar Al Qassem that introduces randomness in the timings so that the animations feel more natural and are not looping at the same time.