Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Let's make a BAR CHART with D3.js!

Public visualization

Let's make a BAR CHART with D3.js!

0 stars1๐ŸŒ Public
Ssoniyaa-dv
Last edited Jul 22, 2020
Created on Jul 22, 2020

A horizontal bar chart displays national scores from a CSV dataset, with each bar representing a country and its length corresponding to the score value. The visualization uses D3 v5's `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisLeft`/`axisBottom` to render the axes. Bars are drawn as SVG rectangles filled with steelblue via the `selectAll('rect')` data join, with margins and padding for layout. The code reads `data.csv` asynchronously and converts scores to numbers before rendering.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed