Skip to main content
Explore
Solutions
Bespoke Studio
Pricing
Quick Start
Demo
Log in
Send feedback
✕
Tell us what works and what could be better. We read every submission.
Send feedback
✕
Tell us what works and what could be better. We read every submission.
Home
•
Fork Viz
Fork Viz
Create your own copy of this visualization.
Forking from
Bowl of Fruit - Animated Transitions
Title
*
Description
This example demonstrates animated transitions of a row of circles representing apples and lemons, with items appearing, changing type, and being removed. It uses the D3.js library (v5) with the `scaleOrdinal` color and radius scales to map fruit types to visual properties. Transitions are executed via the `transition` API, animating the `cx` and `r` attributes over one second. The scenario is scripted with `setTimeout` calls that modify an array of fruit objects and re-render the SVG scene.
Visibility
Public
Private (only you), Pro
Unlisted (anyone with link)
Private work requires Pro.
Upgrade
Cancel
Fork Viz