Skip to main content
SimilarExport ZIP
100%

Gyümik?

✓ Published0🌍 Public
VVigyoRex
Last edited Nov 5, 2019
Created on Oct 21, 2019

Five pieces of fruit sit in a bowl, labeled as “Alma” (apple) or “Citrom” (lemon). A timed sequence removes pieces, swaps an apple for a lemon, and filters out another apple, with each change triggering a smooth transition. The visualization uses D3 v5 with `scaleOrdinal` for color and radius mapping, and `transition().duration(1000)` to animate the SVG circles and text. The code executes multiple `render()` calls via `setTimeout` to update the bound data and re-render the scene.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Meyve Sepeti Üzerine Getirme

Five circles representing apples and lemons are rendered in an SVG bowl, with hovering highlighting the selected fruit via a black stroke. The visualization uses D3 v5’s `scaleOrdinal` for color and radius, and `.data()` with key functions to bind fruit objects. Transitions animate circle radius and position over 1000ms, while `mouseover` and `mouseout` events update the selection state. Over time, `setTimeout` triggers data changes: a fruit is removed, one apple becomes a lemon, and another is filtered out.

Aases1996
80% match
Loading thumbnail…

Meyve Sepeti Click

Five apples and a lemon are arranged in a row as colored circles that animate when clicked, with the selected fruit outlined in black. The visualization uses D3 v5 with a custom `fruitBowl` component, employing `scaleOrdinal` for color and radius mapping, and `.transition()` for smooth size and position updates. Data mutates over time—fruit removal and type changes—while the SVG renders the results.

Aases1996
79% match
Loading thumbnail…

Bowl of fruit animated

Five fruit circles animate inside an SVG canvas, with apples in red and lemons in yellow. A series of timed mutations removes, replaces, and filters the data, demonstrating enter, update, and exit transitions. The `fruitBowl` function uses D3's `scaleOrdinal` for color and radius mapping, while the `transition()` API animates circle radii and x-positions over one second. Data is generated in `index.js` with `range` and random IDs.

JJoachim Klug
78% match
Loading thumbnail…

Bowl of Fruit

Five pieces of fruit sit in a row, with apples and lemons distinguished by red and yellow fills and differing radii. The animation shows apples being eaten, a lemon replacing an apple, and another apple disappearing. The piece is built with D3 v6, using `scaleOrdinal` for colors and radii, and `transition().duration(1000)` to animate circle attributes. SVG circles are appended, merged, and removed via `selection.selectAll` and the `fruitbowl` function.

Wwei
78% match
Loading thumbnail…

Bowl of Fruit

A bowl of fruit shows five apples rendered as red circles, which are eaten and replaced by a lemon over time through animated transitions. The visualization uses D3 v5’s general update pattern with `selectAll`, `data`, `enter`, `merge`, and `exit` to manage SVG circle elements, applying ordinal scales for color and radius based on fruit type. The animation sequence, driven by `setTimeout`, demonstrates adding, removing, and updating data while smoothly interpolating circle radius and position via `transition`.

Rrebeccayc
78% match
Loading thumbnail…

Meyve Sepeti

This example shows a fruit bowl visualization where apples and lemons are rendered as colored circles inside a gray bowl. The scene updates over time, removing fruits and changing an apple into a lemon. The code uses `scaleOrdinal` for color and radius mapping, `selectAll` with data joins to manage entering and exiting elements, and SVG `<circle>` and `<text>` elements. Transitions are handled through `setTimeout` calls that modify the fruits array and trigger a re-render with the `fruitBowl` function.

Aases1996
78% match
Loading thumbnail…

Bowl of Fruit - Hover to Select

Five pieces of fruit sit in a row, rendered as circles that scale to their type: apples are large and red, lemons are small and yellow. Hovering over a circle highlights it with a black outline, and a click-free selection updates a variable that triggers an animated re-render via the custom `fruitBowl` module. The visualization uses D3 v5's `select`, `scaleOrdinal`, and `.transition().duration(1000)` methods to animate entering, exiting, and updating circles. An external script drives the scene by removing fruits and mutating an apple into a lemon after timed delays.

Ggabcoderboi
78% match
Loading thumbnail…

Bowl of Fruits

A bowl of five apples animates through a sequence of data changes, demonstrating D3’s data join and enter/update/exit pattern. Each circle represents a fruit, with its type determining fill color and radius via ordinal scales. Over time, an apple is removed, a middle apple transforms into a lemon, and another apple is filtered out. The code uses `selection.data`, `merge`, and `transition` to smoothly animate circle radii and positions, while SVG circles are appended, updated, and removed accordingly.

YYasara Peiris
78% match