Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Percentage bar chart

Public visualization

Viewing a saved revision (read-only)

29a0d217a91044d5bf0dc6a3cd1b11a2

Percentage bar chart

0 stars0🌍 Public
TTusar
Last edited Jan 23, 2022
Created on Jan 23, 2022
Forked from D3 Starter

This percentage bar chart uses a horizontal bar layout to show a direct linear relationship between amount and percentage values. The bars extend proportionally from left to right, with the x-axis representing percentage and the y-axis categorizing amounts. The visualization loads CSV data using D3’s `csv` method, then renders with `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisLeft` and `axisBottom` for the axes. SVG rectangles display the bars, colored with a deep maroon fill and styled via external CSS.

AI-generated description