Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bees with Random Colors

Public visualization

Viewing a saved revision (read-only)

1667d3b68b454f73b0e5a082734519eb

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.