Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

BAR GRAPH - Project

Public visualization

Viewing a saved revision (read-only)

a6b0b6db5ab54b91a2630263c5a681f3

BAR GRAPH - Project

0 stars0🌍 Public
Aav.dj.2000@gmail.com
Last edited Apr 30, 2023
Created on Apr 30, 2023
Forked from D3 Starter

A bar graph displays the fifteen countries with the highest recorded pregnancy counts from a CSV dataset, ranking them along a horizontal axis. The visualization uses React to manage state and D3 v5’s `scaleBand`, `scaleLinear`, `csv`, and `max` functions to load data, compute scales, and render SVG rectangles. Axes are drawn manually with grid lines and text labels, while margins and dimensions are defined as constants. The chart updates reactively when data loads, showing a clean, horizontal bar layout for comparison.

AI-generated description

A demonstration of how to start using D3 version 6.