Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactored Bar Chart

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

dd5ce3260e8f47069827c296367a67e6

Open

Refactored Bar Chart

0 stars1🌍 Public
Ffjvoris
Last edited Mar 5, 2023
Created on Mar 5, 2023

This example displays a bar chart of the top 10 countries by population from UN Population 2019 data, using React components for the axis and marks. The SVG rendering uses D3 v5’s `scaleBand` and `scaleLinear` for positioning and sizing, with `useData` fetching the CSV via `d3.csv`. Each bar shows the population value with a bottom axis and labeled left axis, demonstrating a modular refactoring of D3 within a React framework.

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!