Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Axes with React & D3

Public visualization

Fork of Axes with React & D3

0 stars0🌍 Public
DDaniel Tkach
Last edited Sep 30, 2021
Created on Sep 29, 2021

This example displays a horizontal bar chart of the top 10 most populous countries, with population values from the United Nations World Population Prospects 2019 dataset loaded via `d3.csv`. The visualization uses React components for rendering SVG elements, with D3 scales and formatting applied through `scaleBand`, `scaleLinear`, and `format`. Bottom and left axes are constructed as separate React components, and each bar includes a native SVG `<title>` element for tooltips. The chart is styled with custom tick and mark colors.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.

Comments

Sign in to join the discussion.

MIT Licensed