Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

56. D3 Duration

Public visualization

56. D3 Duration

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

A bar chart displays twenty data values as vertically oriented rectangles, each labeled with its numeric value. Clicking the prompt text triggers a one-time update with a new dataset. The visualization uses D3 v4.5.0 to construct an SVG scene with `d3.scaleBand` for x-axis positioning and `d3.scaleLinear` for bar heights. The update applies a `transition` with a controlled `duration` of 1000 milliseconds, smoothly animating the rectangles' y-coordinates, heights, and fill colors. Text labels update instantly without transition.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed