Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactor of Rendering Data with React & D3 - Bar Charts

Public visualization

Refactor of Rendering Data with React & D3 - Bar Charts

0 stars1🌍 Public
BBetty
Last edited May 9, 2022
Created on May 6, 2022

This example shows a horizontal bar chart ranking the populations of the world’s ten largest countries, sourced from a CSV file of 2020 estimates. It uses React to render SVG elements, while D3’s `scaleBand` and `scaleLinear` compute the layout and `csv` loads the data. The `AxisBottom` and `AxisLeft` components generate ticks and labels, and `Marks` draws each rectangle with a tooltip showing the country name.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed