Skip to main content
SimilarExport ZIP
100%

Missing Migrant

✓ Published0🌍 Public
Tthomasjungcoe
Last edited Mar 19, 2021
Created on Mar 19, 2021
Forked from Working with Time

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.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

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