Migrant Deaths

100%

Migrant Deaths - Time

✓ Published0🌍 Public

Last edited Jun 1, 2022

Created on Jun 1, 2022

This visualization displays monthly totals of dead and missing migrants over time, using bars to show cumulative deaths per month. The data comes from the Data Canvas Sense Your City dataset, specifically the Missing Migrants Global subset. Built with React and D3 v5, it uses `scaleTime` and `scaleLinear` for axes, `bin()` with `timeMonths` thresholds to aggregate data, and `sum` to calculate monthly totals. The SVG rendering includes custom axis components and bar marks with tooltips.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

This visualization displays the total number of migrant deaths and missing persons over time, using a bar chart where each bar aggregates data by month. Built with React and D3 v5, it renders as an SVG and leverages the `histogram` and `timeMonths` functions from D3 to bin data, with axes created via custom `AxisBottom` and `AxisLeft` components. The data is loaded from a CSV file of the Data Canvas Sense Your City dataset.

FFonda Irena Santoso

94% match

Loading thumbnail…

Fork of Working with Time Migrant Deaths

This visualization shows monthly totals of dead and missing migrants from the Data Canvas Sense Your City dataset, aggregated into a bar chart over time. The chart displays the sum of "Total Dead and Missing" per month using a time-scaled x-axis and linear y-axis. Built with React and D3 v5, it uses `d3.scaleTime`, `d3.scaleLinear`, `d3.histogram` with monthly thresholds, and `d3.timeMonths` to bin data. SVG rectangles render the bars, with axes generated via custom React components and tooltips provided by SVG `<title>` elements.

Bbillmccabeusa@hotmail.com

93% 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…

Migrants

This visualization displays the total number of dead and missing migrants over time, aggregated into monthly bins using d3.histogram and d3.timeMonths. The bar chart shows the data from the Data Canvas Sense Your City Dataset, with time on the x-axis and casualty counts on the y-axis. React renders SVG elements including custom AxisBottom, AxisLeft, and Marks components, while d3.scaleTime, d3.scaleLinear, and d3.sum handle the data processing and scaling.

Rrajamrit-singh

92% 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

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…

Migrant Deaths

This histogram visualizes migrant deaths over time, showing the total number of dead and missing individuals per month. The visualization uses a bar chart where each bar represents a month, with height proportional to the cumulative death count for that period. Built with React and D3 v5, the code employs `d3.bin` with `timeMonths` thresholds to aggregate data, `scaleTime` and `scaleLinear` for axes, and renders SVG rectangles via the Marks component. The dataset comes from the Missing Migrants Global subset, with tooltips displaying exact values on hover.

CChris Knight

92% match

Loading thumbnail…

Migrant Deaths

This chart visualizes the total number of migrants reported dead or missing over time, using a bar chart where each bar represents a monthly bin. The data is loaded from a CSV file and processed using D3’s `bin` and `timeMonths` functions to aggregate the counts, while the y-axis scales the maximum total. The visualization is rendered as SVG elements within a React application, with axes and marks generated by custom components like `XAxis`, `YAxis`, and `Marks`. The chart highlights the temporal distribution of migrant fatalities, with tooltips showing exact totals on hover.

PPadoSensei

91% match