Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The margin convection

Public visualization

The margin convection

0 stars0🌍 Public
Ddiogomirandabarbosa25@gmail.com
Last edited Aug 14, 2024
Created on Aug 14, 2024

This example displays a horizontal bar chart ranking the top ten countries by population in 2020, using data loaded from a CSV file. The visualization uses React state to asynchronously fetch the data with `d3.csv`, then renders SVG bars whose widths are scaled by a `scaleLinear` and whose positions are set by a `scaleBand`. The chart is framed with margins and uses a `g` element transformed to align the plot area.

AI-generated description

A program that loads in some data using d3 utilities, and uses React state to keep track of data

Comments

Sign in to join the discussion.

MIT Licensed