Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Rendering Data with React & D3

Public visualization

Fork of Fork of Rendering Data with React & D3

0 stars1🌍 Public
CCatalina Vajiac
Last edited Feb 28, 2022
Created on Feb 28, 2022

This visualization displays the populations of the top 10 countries using a horizontal bar chart, rendered as SVG elements. The chart employs D3.js scales (`scaleBand` and `scaleLinear`) to map country names and population values to coordinates, while React constructs the SVG components, including custom axes and mark elements. Data is sourced from a CSV file of UN population estimates, using D3's `csv` utility. Tooltips, formatted with D3's `format` function, reveal the precise population figures for each bar on hover.

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