Skip to main content
100%

Axes With React & D3

✓ Published1🌍 Public
BbeauMarko
Last edited Feb 3, 2021
Created on Feb 3, 2021

This bar chart displays the top 10 countries by 2020 population, with horizontal bars ranked vertically. The visualization uses React for component structure and state management, while D3’s `csv` loads and parses the UN population data, and `scaleLinear` and `scaleBand` map values to pixel positions. SVG elements—including `rect` bars and axis ticks—are rendered directly by React, with D3’s `max` and `ticks` methods driving the axis generation. The chart adapts to the browser window size and includes labeled axes.

AI-generated description

A program that follows your mouse with a circle.

MIT Licensed

Similar vizzes