Skip to main content
SimilarExport ZIP
100%

Missing Migrants Line Chart

✓ Published0🌍 Public
Iiblub
Last edited Nov 12, 2021
Created on Nov 12, 2021

This line chart visualizes the total number of dead and missing migrants over time, with data sourced from a CSV file of global migration incidents. The chart aggregates reported dates into monthly bins using d3.bin and d3.timeMonths, then sums the fatalities per bin. The visualization uses SVG rendering with React components for the axes and marks, scaling time with d3.scaleTime and linear values with d3.scaleLinear. Data loading is handled via d3.csv within a custom React hook, and the chart includes labeled axes and interactive circle markers for each data point.

AI-generated description

Missing Migrants

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants

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.

Iiblub
93% match
Loading thumbnail…

Missing Migrants Line Chart

This example visualizes monthly totals of dead and missing migrants using a bar chart built with React and D3 v5, drawing from the Missing Migrants dataset. The x-axis maps reported dates using `scaleTime`, while the y-axis uses `scaleLinear` to show aggregated counts computed with `d3.bin` and `sum`. SVG rendering displays orange bars with axis labels, and native `<title>` tooltips provide values on hover. The data is loaded asynchronously via `d3.csv` from a GitHub-hosted CSV file.

AAndre J Denais
93% match
Loading thumbnail…

[SR] Missing Migrants Line Chart

This chart visualizes the total number of dead and missing migrants over time, using a bar chart with an overlaid line to show the trend. The data is binned into monthly intervals using D3’s `bin` and `timeMonths` functions, with bar heights representing the monthly sum and a natural curve line connecting the values. Built with React and D3 v6, it uses `scaleTime` and `scaleLinear` for axes, rendered as an SVG with custom axis components. The tooltip on each bar displays the exact monthly total.

Ssuserocc
92% match
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
92% 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
92% match
Loading thumbnail…

Missing and dead migrants I

This visualization plots the number of dead and missing migrants over time, using a line chart with circular markers for each reported incident. The chart is built with React and rendered as SVG, with scales from d3.scaleTime and d3.scaleLinear, and lines generated via d3.line with curveNatural interpolation. Data comes from the Missing Migrants Project subset, loaded with d3.csv. The axes are custom React components, and tooltips show the reported date for each point.

Ssmile2git
92% 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
91% match
Loading thumbnail…

missing migrants chart

This chart visualizes the monthly totals of dead and missing migrants from the Missing Migrants Global dataset. A histogram displays aggregated counts over time, with a smooth natural curve line overlaid to highlight trends. The visualization uses React for component structure, D3 v7 for scales, binning, and SVG rendering, and includes interactive tooltips via `<title>` elements. The y-axis shows cumulative fatalities, while the x-axis represents the reported date.

MMohammed Banani | MbDev
91% match