Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Margine Convention

Public visualization

Viewing a saved revision (read-only)

f4fb3c6c573f4468957cdb2a26914f27

The Margine Convention

0 stars1🌍 Public
Nnpelliccia
Last edited Aug 4, 2021
Created on Aug 4, 2021
Forked from using D3 arcs

A horizontal bar chart displays the ten most populous countries for 2020, with each country's bar length proportional to its population. The visualization loads population data from a CSV file hosted on GitHub and renders the chart as an SVG. The React application uses D3's `csv` parser, `scaleBand`, `scaleLinear`, and `max` functions to process the data and map values to bar dimensions. Bars are drawn as `rect` elements within a transformed SVG group, sized according to the computed scales.

AI-generated description

A program that loads CSV data into react and renders the data