Skip to main content
SimilarExport ZIP
100%

migrant data part 1

✓ Published1🌍 Public
BBlake McCarty
Last edited May 15, 2022
Created on May 15, 2022
Forked from line chart

This visualization displays the total number of dead and missing migrants over time, aggregated into monthly bins. The chart uses a bar chart rendered with SVG, with time on the x-axis and cumulative death counts on the y-axis. It is built with React and D3 v7, using `d3.bin` for binning, `d3.scaleTime` and `d3.scaleLinear` for scales, and `d3.timeMonths` to set bin thresholds. Data comes from a CSV file of Missing Migrants Global records, loaded via `d3.csv`.

AI-generated description

Half of the smiley HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Migrant Chart Aggregation Part 2

This interactive visualization aggregates migrant deaths and disappearances over time by binning the reported dates into monthly intervals. The bar chart, built with React and D3 (d3.bin, d3.timeMonths, d3.sum), sums the "Total Dead and Missing" values for each month. Using d3.scaleTime and d3.scaleLinear, the SVG renderings map dates and counts to positions along the axes. Tooltips display exact monthly totals. The dataset comes from a CSV file of global Missing Migrants records.

Jjbruzzo
93% match
Loading thumbnail…

missing migrant

This visualization displays the total number of dead and missing migrants over time, aggregated into monthly bins as a histogram. The code uses d3.csv to load data from the Missing Migrants Global 2019 dataset, d3.bin and d3.timeMonths to create temporal bins, and d3.scaleTime and d3.scaleLinear for the axes. React renders the SVG graphic, with d3’s timeFormat used for tick labels and native SVG `<title>` elements providing tooltips. The chart is built using d3 v5 within a React 16 application.

TTsaiJie
93% match
Loading thumbnail…

Missing migrants

This visualization shows the total number of dead and missing migrants reported per month, using a bar chart where each bar aggregates monthly totals. The code loads a CSV dataset of migrant incidents, bins the reported dates into monthly intervals using `d3.bin` with `timeMonths` thresholds, and sums the "Total Dead and Missing" values per bin. React manages the component state while D3 scales (`scaleTime`, `scaleLinear`) and axes render the SVG output. Axes are formatted with `timeFormat`, and tooltips display raw values via SVG `<title>` elements.

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

Missing Migrant Data Part 2

This visualization aggregates missing migrant incidents by month, displaying the total number of dead and missing individuals as vertical bars over time. The histogram uses d3.bin with timeMonths thresholds to group reported dates, while d3.scaleTime and d3.scaleLinear map the temporal and count axes. The React-based SVG rendering relies on d3.csv for data loading from a subset of the Missing Migrants Project dataset, with tooltips exposing exact monthly totals via SVG title elements.

Nnpelliccia
92% match
Loading thumbnail…

Migrant Data

This visualization displays the total number of dead and missing migrants over time, using a bar chart where each bar aggregates monthly data. Built with React and D3 v5, the code uses `d3.scaleTime`, `d3.scaleLinear`, and D3's `histogram` to bin the data by month. The SVG rendering includes custom `AxisBottom` and `AxisLeft` components, with each bar showing a tooltip via a `<title>` element. Data comes from the Data Canvas Sense Your City Dataset.

Ddumbdataguy@gmail.com
92% match
Loading thumbnail…

Migrant deaths

This visualization displays the total number of migrant deaths and missing persons over time, using a bar chart where each bar represents a monthly bin. The bars are overlaid with a dark red line chart that connects the sum of deaths for each month, providing a clear trend line. The chart is built with React and D3.js v7, using the `bin` and `timeMonths` functions to aggregate the data into monthly intervals and `scaleTime` and `scaleLinear` for the axes. The data is loaded from a CSV file of Missing Migrants Global records, and the visualization is rendered as SVG.

FFrederick O'Brien
92% match
Loading thumbnail…

Missing Migrants

This visualization shows the total number of dead and missing migrants over time, aggregated into monthly bins from a subset of the Missing Migrants Global dataset. The data is loaded via `d3.csv` and binned using `d3.histogram` with `timeMonths` thresholds, summing the 'Total Dead and Missing' values per bin. A time scale (`d3.scaleTime`) and linear scale (`d3.scaleLinear`) map the data to an SVG rendered with React components for axes and rectangle marks. Hovering over each bar reveals its exact total via a native `<title>` tooltip.

CCatalina Vajiac
92% match