Skip to main content
100%

Fork of Axes with React & D3

✓ Published0🌍 Public
Jjpdlourenco98
Last edited Sep 1, 2021
Created on Sep 1, 2021

This example visualizes the top 10 most populous countries as a horizontal bar chart, with the y-axis listing countries and the x-axis showing population counts. The chart uses React hooks (useState, useEffect) to fetch data from the United Nations World Population Prospects 2019 CSV, while D3 v5 provides the scaleBand and scaleLinear for positioning. Axes are manually constructed with D3’s tick generation and rendered as SVG elements, including vertical grid lines and text labels. The bars are simple SVG rectangles, with the chart wrapped in a React component and rendered via ReactDOM.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.

MIT Licensed

Similar vizzes