🌍 Public
Viewing a saved revision (read-only)
a60c65aa09e84f14b94bc67dd1f19ce5
Let's make a face with D3.js
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 descriptionAn example showing the capabilities of VizHub.