Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Vertical Bar Chart

Public visualization

Vertical Bar Chart

0 stars0🌍 Public
HHelen-Luwei-Zhang
Last edited Dec 12, 2021
Created on Dec 12, 2021
Forked from Chart

This visualization presents a vertical bar chart initially displaying six pink bars with varying widths. The chart then animates, transitioning the bars to new width values over two seconds using D3’s transition system, with the `transition.attr` API handling the smooth dimension changes. The SVG rendering is implemented using `d3.select` and `append` to create the rectangles, while the data appears as static arrays within the code. The animation showcases how D3 can alter existing SVG elements dynamically, though the source data is not externally linked.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed