Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - Topologica Experiment

Public visualization

Viewing a saved revision (read-only)

302fe87a19a84488a6ba02c0e49c1dba

Bowl of Fruit - Topologica Experiment

0 stars0🌍 Public
Ccodexmon
Last edited Jun 29, 2020
Created on Jun 29, 2020

Five apples appear as red circles in a row, then one is removed and another becomes a yellow lemon, with a black outline on hover. Built with Topologica and D3 v5, the visualization demonstrates declarative incremental updates: the `fruitBowl` component uses `selection.selectAll` and `merge` to add, modify, and remove SVG circles based on dataflow state. Interactions trigger `mouseover` and `mouseout` events, updating the `hoveredIndex` through Topologica's event-driven dataflow.

AI-generated description