🌍 Public
Viewing a saved revision (read-only)
cec11c81c6764dbeb59b51a1bab4d845
Stylized Bar Chart with React & D3
Rroc286
Last edited Mar 2, 2022
Created on Mar 2, 2022
Forked from Axes (Bar Chart) with React & D3 - Refactored
This example shows the populations of the top 10 countries in 2020 as a horizontal bar chart. The chart uses D3 scales (`scaleBand`, `scaleLinear`, `max`, and `format`) to position bars and axes, while React components render the SVG elements. Data is loaded as CSV from a GitHub gist using `d3.csv`, and custom axis components generate ticks and labels. Hovering over a bar reveals a tooltip with the formatted population value.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!