Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ball of Fruits- Interaction

Public visualization

Viewing a saved revision (read-only)

736f976e2a4a43ca8b66a4497285b760

Ball of Fruits- Interaction

0 stars1🌍 Public
FFoysal Ahmed Emon
Last edited Feb 8, 2020
Created on Feb 8, 2020

A set of colored circles represents fruits in a bowl, with apples shown in red and lemons in yellow. Users click a fruit to highlight it with a purple outline, while the entire group smoothly rearranges its positions over time. The visualization uses D3's selection and transition APIs, including `selection.transition().duration()` and `.merge()` to animate enter, update, and exit states. The code relies on `d3.select`, `d3.range`, and `d3.scaleOrdinal` for data generation and color/radius mapping, with data defined as an array of fruit objects that are modified asynchronously.

AI-generated description

Ball of Fruits- Interaction