Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Grouped Bar Chart with React & D3

Public visualization

Grouped Bar Chart with React & D3

0 stars0🌍 Public
MManon ROMAIN
Last edited Oct 23, 2021
Created on Oct 23, 2021

This grouped bar chart visualizes the total number of dead and missing migrants over time, with each bar representing a monthly sum. The chart uses React for component-based rendering and D3 v7 for data loading, binning, and scales. Data is fetched via d3.csv and binned using d3.bin with time thresholds, then displayed as SVG rectangles. The x-axis uses d3.scaleLinear with d3.timeFormat labels, while the y-axis is also linear. Hovering a bar reveals its exact value via an SVG title tooltip.

AI-generated description

Loading Data with React & D3

Comments

Sign in to join the discussion.

MIT Licensed