Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js

Public visualization

Viewing a saved revision (read-only)

a60c65aa09e84f14b94bc67dd1f19ce5

Let's make a face with D3.js

0 stars1🌍 Public
GGeolffrey S Mena
Last edited Dec 21, 2019
Created on Dec 21, 2019

This example demonstrates a simple animated face made from D3.js circles, where fruits represent facial features. It shows five apples initially, then removes one apple and changes another into a lemon, updating the circle sizes and colors accordingly. Using D3 v5 APIs like `d3.range`, `d3.scaleOrdinal`, and selection methods like `selectAll`, `enter`, `merge`, and `exit`, it dynamically redraws the SVG circles in response to data changes. The visualization uses ordinal color and radius scales to map fruit types to red or yellow hues and varying sizes.

AI-generated description

An example showing the capabilities of VizHub.