Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of Let's make a Bar Graph with D3.js

Public visualization

Fork of Let's make a Bar Graph with D3.js

0 stars0๐ŸŒ Public
Ssaivinay143
Last edited Mar 6, 2022
Created on Mar 6, 2022

This bar chart visualizes the scores of different teams using D3.js (v7) with SVG rendering. It loads CSV data from a GitHub gist and maps team names to the y-axis with a band scale, while a linear scale positions the bar widths based on score values. The code uses `d3.csv`, `scaleBand`, `scaleLinear`, and `axisLeft`/`axisBottom` to construct the chart, with red rectangles and styled text. Axes and margins frame the visualization, which updates dynamically after parsing and converting the numeric score data.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed