Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

87. D3 Resort

Public visualization

Viewing a saved revision (read-only)

39d7eda877884d08a4ab65bbc104bc88

87. D3 Resort

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

Animated bar chart shows a dataset of 20 values as vertical bars that re-sort between ascending and descending order when clicked. Built with D3.js version 4.5.0, the SVG visualization uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and a transition with `duration(1000)` to animate bar repositioning. Each bar’s fill color is derived from its value via an RGB string, and click events toggle the `sortBars` function, which applies `d3.ascending` or `d3.descending` ordering.

AI-generated description