Skip to main content
100%

Lets Make a Face

✓ Published5🌍 Public
Ggabrielribeirob
Last edited Nov 17, 2021
Created on Aug 30, 2021
Forked from D3 Starter

A yellow smiley face animates on an SVG canvas as its eyes and eyebrows move independently and its mouth is drawn with an arc path. The example demonstrates D3 v7 transitions, using `d3.select`, `d3.arc`, and chained `.transition().duration()` calls to shift eye positions and raise eyebrows over different time intervals. SVG elements—circles for eyes, rectangles for eyebrows, and a path for the mouth—are appended to a centered group, showing how D3 manipulates attributes and transitions to create simple character animation.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes