Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making Vertical Bar chart with D3

Public visualization

Viewing a saved revision (read-only)

a9d3866a73fb486f9aa5d199d102a0d8

Making Vertical Bar chart with D3

0 stars2🌍 Public
JJuan David Bolaños Rojas
Last edited Feb 5, 2020
Created on Feb 4, 2020

This example shows a vertical bar chart of monthly date-value pairs from a CSV file, with bars animating upward over two seconds to their final heights. The D3 v5 code uses `scaleLinear` for the y-axis, `scaleBand` for categorical x-axis positioning, and `axisLeft`/`axisBottom` for tick marks. The SVG rendering is driven by a custom transition on `rect` elements, which grow from the baseline to the scaled value, while the chart title and axis labels are added as SVG text.

AI-generated description