Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Bar Chart

Public visualization

Making a Bar Chart

0 stars1🌍 Public
HHirsh Gupta
Last edited Mar 4, 2021
Created on Mar 3, 2021

A horizontal bar chart uses SVG rectangles to display final power scores for ten teams, with team names on the y-axis and score values on the x-axis. The chart, built with d3.scaleBand and d3.scaleLinear, includes axis labels, gridlines, and a title. Underlying data is loaded from a CSV file via d3.csv, with numerical fields coerced to numbers. Formatting is applied through CSS, and axes are customized using d3.axisLeft and d3.axisBottom with tick lines removed and manually appended labels.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed