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)

82bf72db12d04364b2629ccae2f5f0c6

Bowl of Fruit - Topologica Experiment

0 stars1🌍 Public
CCurran Kelleher
Last edited Sep 15, 2018
Created on Sep 9, 2018
Forked from HTML Cars Report

This example demonstrates a dynamic "Bowl of Fruit" graphic where apples and lemons are represented as colored circles. The visualization uses D3.js and the Topologica library for reactive dataflow, updating the SVG display in response to timed events and user hovering. The code initializes five fruit circles, then removes one apple, and later replaces another apple with a lemon, while a custom color scale and radius scale map fruit types to visual attributes. It also adjusts stroke styling based on hovered index to highlight the selected fruit.

AI-generated description