Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

63. D3 Delay Static

Public visualization

63. D3 Delay Static

0 stars0🌍 Public
Aamakanju@nyit.edu
Last edited Feb 26, 2026
Created on Feb 23, 2026

This example shows a static bar chart updating its values when the user clicks on text, with all rectangles and labels transitioning simultaneously after a fixed one-second delay. The chart initially displays 20 data points as vertical bars with white numeric labels, then replaces them with a new dataset on click. Built with D3.js version 4.5.0, the code uses `d3.scaleBand` and `d3.scaleLinear` for positioning and sizing, and applies a `.delay(1000)` followed by `.duration(2000)` to both the rect and text transitions, animating height, fill color, and label positions as SVG elements.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed