Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Dynamic Rendering

Public visualization

Dynamic Rendering

1 star0🌍 Public
AAlex Jiasheng Ni
Last edited Feb 9, 2021
Created on Jan 17, 2021

This example demonstrates dynamic rendering of a fruit bowl visualization, where circles represent fruits that appear, disappear, and change type over time. The code uses D3 v5 with ES6 modules to manage the enter, update, and exit selections, animating radius changes via transitions. A color scale and radius scale map fruit types to visual properties, with click events triggering a selection state. The animation sequence removes apples, replaces one with a lemon, and filters out another, showcasing data-driven updates.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.

Comments

Sign in to join the discussion.

MIT Licensed