Skip to main content
100%

Fork of Let's make a face with D3.js!

✓ Published1🌍 Public
Kkaruppuraja
Last edited Mar 1, 2021
Created on Mar 1, 2021

This example demonstrates a smiley face created with SVG, whose eyebrows move to express different emotions. The visualization starts by selecting the SVG element with `d3.select` and styling its background, then relies on D3.js v5’s DOM manipulation methods to construct the face’s features. It uses fundamental D3 selections and attribute operations to build the shapes, with the eyebrow movement driven by a simple update pattern, though no explicit animation API is shown. The rendering is purely SVG-based within a 960×500 canvas.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

MIT Licensed

Similar vizzes