Missing Migrants Project Visualization

100%

Missing Migrants Project Visualization

✓ Published0🌍 Public

Last edited Jul 13, 2021

Created on Jul 13, 2021

This visualization aggregates monthly totals of dead and missing migrants from the Missing Migrants Project dataset, using a bar chart to show the cumulative count over time. React components render SVG rectangles via a histogram binning function, with `d3.timeMonths` defining the temporal bins and `d3.scaleTime` mapping the reported dates to horizontal positions. The y-axis uses `d3.scaleLinear` to encode the summed values, while custom `AxisBottom` and `AxisLeft` components generate tick marks. The chart employs Zen Loop typography and teal-colored bars to present the data from the CSV file.

AI-generated description

Stylized Line Chart Working With Time

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants

This visualization displays monthly totals of dead and missing migrants from the Missing Migrants Dataset using a bar chart of aggregated counts over time. The React app loads CSV data via the `useData` hook, then uses `d3.histogram` with `timeMonths` thresholds to bin records by reported date. Axes are rendered as SVG components using `scaleTime` and `scaleLinear`, with bars drawn as SVG rectangles. The y-axis sums deaths per bin via `d3.sum`, while tooltips reveal precise totals on hover.

NNelson Kalgushkin

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

93% match

Loading thumbnail…

Missing Migrant

This visualization uses a histogram to show the total number of dead and missing migrants per month, based on data from the Missing Migrants Project. The x-axis displays dates using `d3.scaleTime`, while the y-axis encodes counts via `d3.scaleLinear`. Binning is performed with `d3.histogram` and `d3.timeMonths`, and bars are rendered as SVG rectangles using React. The code imports `d3.csv` for data loading and `d3.sum` for aggregation, with axes built from `d3.ticks`.

33ssalunke

93% match

Loading thumbnail…

Missing Migrants Date Histogram

This visualization displays the monthly total of dead and missing migrants as a date histogram, using data from the Missing Migrants Dataset. It shows a bar chart where each bar represents the sum of casualties for a given month, with the x-axis mapping time and the y-axis representing the count. The implementation uses React with D3 v5, leveraging `d3.bin` to group data into monthly buckets, `d3.sum` to aggregate counts, and `d3.scaleTime` and `d3.scaleLinear` for axis scaling. The chart is rendered as an SVG, with axes generated via custom `AxisBottom` and `AxisLeft` components and data bars drawn as rectangles.

Ssophburke

93% match

Loading thumbnail…

Missing Migrants 2

This visualization shows monthly totals of dead and missing migrants from a subset of the Missing Migrants Global dataset, with time on the x-axis and count on the y-axis as a bar chart. It loads CSV data via D3’s `csv` utility, bins entries by month using `d3.histogram` with `timeMonths` thresholds, and sums the total dead and missing per bin. The chart is rendered as SVG using React components, with axes from custom `AxisBottom` and `AxisLeft` components and bars from a `Marks` component, all styled via CSS.

NNikita Toropov

93% match

Loading thumbnail…

Missing Migrants

This visualization displays a histogram of missing migrants over time, using a bar chart to show the total count of dead and missing people aggregated by month. The chart plots reported dates on the x-axis and the sum of dead and missing migrants on the y-axis, with data sourced from a CSV file. Built with React and D3 v5, the code uses `d3.histogram` with `timeMonths` thresholds to bin the data, `scaleTime` and `scaleLinear` for axes, and renders SVG elements via reusable components.

SShanmukh

93% match

Loading thumbnail…

Missing Migrants

This interactive bar chart visualizes the cumulative monthly count of dead and missing migrants from the Missing Migrants Global dataset. The chart displays time on the x-axis and the total number of dead and missing individuals on the y-axis, with each bar representing a monthly total. Built with React and D3 v5, the visualization uses d3’s `scaleTime`, `scaleLinear`, and `histogram` functions to bin data into monthly intervals. It renders as an SVG and includes axes generated by custom `AxisBottom` and `AxisLeft` components, along with tooltips showing exact counts.

Wwindwaver

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

93% match