Skip to main content
SimilarExport ZIP
100%

Bowl of Fruit

✓ Published1🌍 Public
AAtrayeeDeb
Last edited May 16, 2021
Created on May 2, 2021

Five fruit circles represent apples and lemons in an animated bowl. The visualization uses a D3 v5 data join to update the SVG, with fruits appearing, disappearing, and changing type over timed intervals. A scaleOrdinal color scale maps apples to blue and lemons to yellow, while another scale assigns radii of 50 and 30 pixels. The code transitions the circle radius property over one second for entering and exiting elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Bowl of fruit WITH BOWL

Five fruit circles representing apples and lemons sit in a rounded rectangular bowl on an SVG canvas, with apples colored red and lemons yellow. Using D3 v6 data joins with transitions, the visualization animates changes over time: apples disappear, one apple transforms into a lemon, and a fruit is removed entirely, with the bowl width adjusting dynamically. A color scale (scaleOrdinal) maps fruit types to fill colors, while transitions animate radius and position changes over one-second durations.

JJoachim Klug
96% match
Loading thumbnail…

Bowl of Fruit

Five fruit circles with labels animate in a bowl-like row, with apples disappearing and one changing to a lemon. The example uses D3 v5’s data join and ordinal scales (colorScale, radiusScale) to map fruit type to fill and size, while enter and exit transitions handle updates. SVG rendering and React framework structure the visualization, with timeouts triggering pop, type-change, and filter operations.

PPaolaAntonicoli
95% match
Loading thumbnail…

Bowl of Fruit

A bowl of fruit demonstrates animated transitions in D3. The visualization shows five apples rendered as red circles, with one apple turning into a lemon over time and two apples disappearing. The code uses D3 v5's data join, `scaleOrdinal` for color and radius mapping, and `selection.transition` to animate circle radius changes. SVG circles are bound to fruit objects with unique IDs, and exit transitions shrink shapes to zero before removal.

Aaurelio-89
95% match
Loading thumbnail…

Bowl of fruit

A bowl of fruit shows five apples in a wide rounded rectangle, with one apple changing to a lemon and fruits being removed over time. The visualization uses D3 v5 with SVG rendering, binding fruit data to groups containing circles and text labels. d3.scaleOrdinal maps fruit types to colors and radii, while enter, update, and exit selections manage dynamic changes triggered by setTimeout intervals.

SShane Carey
95% match
Loading thumbnail…

Bowl of fruit

Five circles represent fruit in a bowl, with apples as red and lemons as yellow, animating their radius and horizontal position over one second. The demo uses d3 v5 with `scaleOrdinal` for color and size mapping, while `selection.enter`, `merge`, and `exit` handle data joins. A timed sequence eats apples by removing elements and swaps one apple for a lemon, showing transitions with `transition.duration`.

PPedro Ernesto Tramontina
94% match
Loading thumbnail…

Bowl of Fruit - Click to select

Five circles represent fruit in a bowl, with apples and lemons distinguished by color and size. Hovering over a fruit selects it by adding a black stroke, while hovering away deselects it. The visualization uses d3 v5 with scaleOrdinal for color and radius, and the fruitBowl module binds data to SVG circles with enter, update, and exit transitions. A timer script removes and replaces fruits, demonstrating animated data updates over three seconds.

IIsabel
94% match
Loading thumbnail…

Bowl of Fruit

Five circles represent apples in a bowl, rendered as red SVG circles that scale up on entry and shrink on exit. Over time, the code removes an apple, changes one apple into a yellow lemon by re-binding data and updating fill color, then filters out another apple. The example uses d3.v5 with scaleOrdinal for color and radius mapping, and transition().duration() to animate enter, update, and exit selections.

ZZY Huang
94% match
Loading thumbnail…

Bowl of fruit

A bowl of fruit depicts five apples as circles, which are eaten, replaced by a lemon, and otherwise removed over time, with each change animated via a one-second transition. The visualization uses D3 v6 with data joins and merge to update SVG circle elements, while ordinal scales map fruit types to colors and radii. The React framework wraps this D3 code, with SVG rendering driven by timed state changes.

CChinzorigt Ganbat
94% match