Skip to main content
SimilarExport ZIP
100%

Migrants

✓ Published0🌍 Public
Rrajamrit-singh
Last edited Mar 24, 2023
Created on Mar 24, 2023
Forked from Working with Time

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.

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

This chart displays the total number of dead and missing migrants over time, aggregated into monthly bins from the Data Canvas Sense Your City Dataset. It uses a histogram layout, with bars representing the sum of casualties per month. The visualization is built with React and D3 v5, using `d3.histogram` for binning, `d3.scaleTime` and `d3.scaleLinear` for axes, and renders SVG rectangles for marks. Tooltips appear on hover via SVG `<title>` elements.

Jj-PGi
93% match
Loading thumbnail…

Missing Migrants Histogram

This histogram visualizes the total dead and missing migrants over time, binned by month from the Data Canvas Sense Your City dataset. The chart aggregates the "Total Dead and Missing" values per time period using d3.histogram and d3.sum, with a time scale for the x-axis and a linear scale for the y-axis. React renders the SVG elements, including custom AxisBottom, AxisLeft, and Marks components, while d3.csv loads the data and d3.timeMonths defines the bin thresholds.

Ddaneslutzky
93% 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
93% 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 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
92% match