🌍 Public
React D3 CSV BarChart
A React bar chart displays the nominal GDP in US dollars for 31 countries, using the latest available yearly data from the World Bank's World Development Indicators. The chart renders as an SVG with linear and band scales, using D3 v5 functions such as `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to position bars and axes. Data is loaded from CSV files and parsed with D3's `text` and `csvParse` methods, then filtered and sorted within React hooks.
AI-generated descriptionReact Hooks, D3 CSV parse, Making a bar chart
The numbers are nominal GDP in USD, I think.
Data found on World Bank https://data.worldbank.org/
- https://data.worldbank.org/indicator/NY.GDP.MKTP.CD
- https://data.worldbank.org/indicator/SP.POP.TOTL
Video tutorials
MIT Licensed
Comments
Sign in to join the discussion.