Skip to main content
SimilarExport ZIP
100%

Missing Migrants

✓ Published1🌍 Public
Iiblub
Last edited Oct 1, 2021
Created on Sep 30, 2021
Forked from Line Chart (time)

This chart displays the number of dead and missing migrants over time, aggregated into monthly bins. The visualization uses a bar chart where the height of each bar corresponds to the total count for that month. The code leverages React for the UI, D3’s `scaleTime`, `scaleLinear`, `histogram`, and `csv` modules for data fetching and processing, and renders SVG rectangles. The data comes from a CSV file of global migration incidents, with bars colored teal against a light gray grid.

AI-generated description

Missing Migrants

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants

An interactive bar chart visualizes the number of dead and missing migrants over time, with monthly bins along the x-axis and the total count on the y-axis. The visualization uses React to render SVG elements, with D3 v5 functions like `scaleTime`, `scaleLinear`, `histogram`, and `sum` to process and aggregate the data. Data is loaded from a CSV via `d3.csv`, and the chart includes axis components and tooltips showing the exact count per bin.

Ppnlinyz
96% match
Loading thumbnail…

Missing Migrants

This visualization shows the total number of dead and missing migrants over time, aggregated by month. The chart uses a bar histogram to display the data, with each bar representing the sum of casualties within a monthly bin. Built with React and D3 v5, it employs `scaleTime`, `scaleLinear`, and `histogram` to bin the data, while SVG renders the axes and marks. The dataset comes from the Data Canvas Sense Your City project, loaded via `d3.csv`.

MMichael Bergerson
95% match
Loading thumbnail…

Missing Migrants

This histogram shows the total number of dead and missing migrants over time, with monthly bins displayed as rectangular bars. The visualization uses React to render an SVG chart, with D3 v6 handling data loading, time and linear scales, axis generation, and data binning. The dataset is loaded via d3.csv from a GitHub gist, and each bar includes a native SVG tooltip displaying the exact count. The chart applies a clean design with Poppins typography, teal bars, and labeled axes for time and casualty counts.

JJohn Huang
95% match
Loading thumbnail…

Missing Migrants

This histogram displays the total number of dead and missing migrants per month over time, with each bar’s height representing the monthly sum. The chart uses React to render SVG elements and d3.js APIs including `scaleTime`, `scaleLinear`, `histogram`, and `timeMonths` to bin the data. The data comes from the “Missing Migrants” global subset CSV, and the axes are customized with formatted date labels.

Ee-ines
95% match
Loading thumbnail…

Missing Migrants

This visualization displays a histogram of missing migrants over time, using a bar chart to show the total count of dead and missing people aggregated by month. The chart plots reported dates on the x-axis and the sum of dead and missing migrants on the y-axis, with data sourced from a CSV file. Built with React and D3 v5, the code uses `d3.histogram` with `timeMonths` thresholds to bin the data, `scaleTime` and `scaleLinear` for axes, and renders SVG elements via reusable components.

SShanmukh
95% match
Loading thumbnail…

Missing Migrants

This interactive bar chart visualizes the cumulative monthly count of dead and missing migrants from the Missing Migrants Global dataset. The chart displays time on the x-axis and the total number of dead and missing individuals on the y-axis, with each bar representing a monthly total. Built with React and D3 v5, the visualization uses d3’s `scaleTime`, `scaleLinear`, and `histogram` functions to bin data into monthly intervals. It renders as an SVG and includes axes generated by custom `AxisBottom` and `AxisLeft` components, along with tooltips showing exact counts.

Wwindwaver
94% match
Loading thumbnail…

Missing Migrants Date Histogram

This interactive chart displays the total number of dead and missing migrants per month, with bars representing each monthly sum. It uses d3.bin to group records into monthly time bins and d3.sum to aggregate the casualties, with scales from d3.scaleTime and d3.scaleLinear mapping data to SVG rectangles. The visualization is built with React, rendering axes and marks as SVG elements, and pulls its data from the Missing Migrants Dataset via d3.csv.

CCurran Kelleher
94% match
Loading thumbnail…

Missing Migrants Bar Chart (binned)

This bar chart visualizes the monthly counts of dead and missing migrants, using binned time-series data from a CSV of global migrant incidents. The visualization aggregates reported dates into monthly bins via d3.bin and timeMonths, summing the "Total Dead and Missing" values per bin with d3.sum. A time scale maps dates to the x-axis, while a linear scale handles the y-axis counts. The React-based component renders SVG rectangles for each bin, with axes generated through custom components and D3's scaleTime, scaleLinear, and timeFormat utilities.

RRichardPearce60
94% match