Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

styled bar chart in React and D3

Public visualization

styled bar chart in React and D3

0 stars1🌍 Public
Bblackbottt
Last edited May 27, 2022
Created on May 27, 2022

This example shows a horizontal bar chart of country populations, with bars rendered as styled SVG rectangles and axes displaying formatted tick labels. The chart uses React to manage component state and rendering, while D3 v5 utilities (scaleBand, scaleLinear, max, format, and csv) handle data loading, scaling, and number formatting. Data comes from a UN population prospects CSV fetched via d3.csv, and the chart is drawn entirely with SVG elements, including custom axle components for the left and bottom axes.

AI-generated description

A program that loads data in React whilst using d3 utilities rendering as a radial burst!

Comments

Sign in to join the discussion.

MIT Licensed