Migrants Replica

100%

Migrants Replica

✓ Published0🌍 Public

Last edited Oct 13, 2024

Created on Oct 11, 2024

This histogram displays the monthly total of dead and missing migrants over time, with each bar representing a month and its height reflecting the aggregated count. The visualization uses React components and D3 v5 APIs including `scaleTime`, `scaleLinear`, and `histogram` to bin data by month and sum values. Rectangular marks render as SVG elements with tooltips showing exact counts and dates. The underlying data comes from the Data Canvas Sense Your City Dataset on missing migrants.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Migrants

This histogram shows the total number of dead and missing migrants over time, with monthly bins spanning the reported dates. The bar chart uses a time-scaled x-axis and a linear y-axis for death counts. Built with React and d3.v6, it loads CSV data, applies d3.bin for histogram generation, sums values per bin, and renders SVG rectangles with axes, tooltips, and labels via d3.scaleTime and d3.scaleLinear.

JJonas Carvalho

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

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…

Missing Migrants Date Histogram

This histogram displays the monthly sum of dead and missing migrants, with each bar representing one month and its height indicating the total count. The visualization uses React to render SVG elements and relies on d3.bin to group the data into monthly bins, d3.sum to aggregate the values, and d3.scaleTime and d3.scaleLinear for axes. Data comes from the Missing Migrants Dataset, loaded via d3.csv, with tooltips showing the exact monthly totals on hover.

Sstevensmithj

92% match

Loading thumbnail…

Migrants

This visualization displays the total number of dead and missing migrants over time as a histogram. The code uses React and D3 v5, with CSV data loaded via `d3.csv`. The x-axis shows time using `d3.scaleTime`, while the y-axis is scaled using `d3.scaleLinear`. The bars, rendered via SVG rectangles, aggregate the data into monthly bins using `d3.histogram` and `d3.timeMonths`. The visualization uses Poppins font and custom axis components, with a tooltip showing the exact count.

LLawrence Liu

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…

missing migrants project

This histogram displays the total number of dead and missing migrants over time, aggregated by month. Built with React and SVG, it uses d3’s scaleTime, scaleLinear, and histogram functions to bin incident counts by reported date. Each bar’s height corresponds to the monthly sum of deaths, with axis ticks styled via CSS. The data comes from the Missing Migrants Global 2019 subset CSV, loaded asynchronously.

Sseanowh

91% match