Skip to main content
100%

Axes with React D3

✓ Published0🌍 Public
RRahul Gupta
Last edited Mar 7, 2021
Created on Mar 7, 2021
Forked from barChart

This example displays the top 10 most populous countries as horizontal bars, emphasizing the lack of axes and scales to contextualize the values. React manages the component state, loading data from the United Nations World Population Prospects 2019 CSV via `d3.csv`, and rendering SVG rectangles. The code uses `scaleBand` and `scaleLinear` from D3 to position bars, though it omits any visual axis or tick labels, resulting in a minimal chart. The bars are drawn with fixed margins and dimensions, showing only relative population sizes without numerical reference points.

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