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)

78717690a9f24ce78189c5fa047b266a

Let's make a face with D3.js

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

A short animated scatterplot demonstrates D3.js update patterns by rendering a bowl of fruit as colored circles that change radius and position over time. Using `d3.scaleOrdinal` for color and radius mapping, the example appends, transitions, and removes circles with `selection.merge` and `transition.duration`. The data array mutates through timed `setTimeout` calls, removing items, changing a fruit’s type from apple to lemon, and filtering out a selection, all while the SVG updates smoothly with enter, update, and exit selections.

AI-generated description

An example showing the capabilities of VizHub.