eyebrows
✓ Published0🌍 Public
A grid of 18 cartoon faces, each generated with randomized facial features, displays a collective eyebrow-raising animation. Built with React components composing D3-powered SVG shapes, the visualization renders each face from reusable parts including head circles, arcs for mouths, and rectangular eyebrows. The eyebrows of every face simultaneously lift and lower through a two-stage D3 transition, while other features like eye offset, radius, and stroke width vary randomly per face. The example demonstrates component-based SVG construction and sequential animation using d3-transition within a React framework.
AI-generated descriptionMIT Licensed