Migrant Data

100%

✓ Published0🌍 Public

Last edited Jan 28, 2024

Created on Jan 28, 2024

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.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

migrants data

This visualization displays the total number of dead and missing migrants over time, aggregated by month from the Data Canvas Sense Your City dataset. React with D3 v5 renders an SVG bar chart using `d3.histogram` to bin the data, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.sum` to aggregate values per month. The bars show monthly totals, with axes labeled and styled using CSS.

DDannyLord

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

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

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

94% match

Loading thumbnail…

Missing Migrant

This visualization shows the monthly count of dead and missing migrants over time, with bars representing the aggregated total for each month. It uses React with D3 v5 to load CSV data via `d3.csv`, bin the reported dates using `d3.histogram` with `d3.timeMonths` thresholds, and sum the “Total Dead and Missing” values per bin. Axes are rendered with custom SVG components, and a `<title>` element provides hover tooltips. The data comes from the Data Canvas Sense Your City dataset.

Tthomasjungcoe

94% match

Loading thumbnail…

Missing migrants

This visualization aggregates monthly totals of dead and missing migrants from the Data Canvas Sense Your City Dataset, displayed as a bar chart over time. The x-axis uses a time scale while the y-axis shows cumulative counts. Built with React and D3 v5, it employs `d3.csv` for data loading, `d3.bin` with `timeMonths` thresholds for histogram binning, and `scaleTime`/`scaleLinear` for axes. SVG rectangles render the bars, with axis components and tooltips implemented via `AxisBottom`, `AxisLeft`, and `Marks`.

Vvmonney

92% match

Loading thumbnail…

Migrant Deaths - Time

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.

SSai Phaltankar

92% match

Loading thumbnail…

Missing Migrants

This bar chart visualizes the monthly totals of dead and missing migrants from the Data Canvas Sense Your City dataset. Each bar aggregates the sum of per-incident counts within calendar months, displayed on a time-based x-axis and a linear y-axis. Built with React and D3 v5, the visualization uses `d3.bin` and `d3.timeMonths` to create monthly bins, `d3.scaleTime` and `d3.scaleLinear` for scales, and renders SVG rectangles for the marks with native tooltips showing exact values.

Ccynichole

92% match