Skip to main content
100%

Barchart and table with D3.js

✓ Published1🌍 Public
Ssayli-lab
Last edited Aug 28, 2020
Created on Aug 27, 2020

This example displays a horizontal bar chart of population counts for eight European countries, rendered as SVG rectangles inside a 960 by 500 pixel viewport. The data is loaded from a local `data.csv` file and parsed with the `csv` function from D3 v6. The chart’s x-axis scale is computed using `scaleLinear` with a domain from zero to the maximum population value, while the y-axis uses `scaleBand` to position each country’s bar. The React-based starter code integrates D3 selectors and attribute setters to map population values to bar widths and country names to vertical offsets.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes