Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering data with React

Public visualization

Viewing a saved revision (read-only)

c64030118177402b9ffd4cc63ce28560

Fork of Rendering data with React

0 stars1🌍 Public
Jjiro2017
Last edited Sep 19, 2021
Created on Sep 18, 2021

This example shows a horizontal bar chart of the top 10 most populous countries in 2020, using D3 utilities to load and scale the data and React to render the SVG bars. The code uses `d3.csv` to fetch population data from a gist, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the quantitative x-axis. Each country is drawn as a React `<rect>` component within an SVG, with bar widths proportional to population values.

AI-generated description

A program that loads in some data data about CSS named colors with D3 utilities, and uses React to render the data as a radial burst.