Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Axes with React & D3

Public visualization

Viewing a saved revision (read-only)

640b640a88154e4db54b5b88504eb9ab

Axes with React & D3

0 stars1🌍 Public
EEFezerKW
Last edited Sep 28, 2021
Created on Sep 28, 2021

This bar chart displays the top 10 most populous countries from a UN population dataset, with horizontal bars showing population values in 2020. React renders the SVG elements, managing the loading state and data transformation, while D3 v7 handles the data fetching via `csv()` and generates the axes using `scaleBand` and `scaleLinear`. The code manually creates tick marks for both axes, drawing lines and text labels within the transformed coordinate system.

AI-generated description

A program that loads in some data using D3 uitilities, and uses React to render the data as a radial burst!