Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants Scatter Plot

✓ Published0🌍 Public
Wweny1109
Last edited Aug 6, 2023
Created on Aug 6, 2023

This visualization displays a bar chart of the Missing Migrants Dataset, showing the total number of dead and missing migrants per month over time. The code uses d3.csv for data loading, d3.scaleTime and d3.scaleLinear for axes, and d3.histogram with d3.timeMonths thresholds to bin events by month, summing the casualties. React components render SVG rect elements for each bar, with tooltips via the title element. The visualization is drawn with D3 v5 and React 16.9, using Poppins font styling.

AI-generated description

A scatter plot of the Missing Migrants Dataset.

Each point in the plot represents a single event.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Missing Migrants Scatter Plot

This visualization shows monthly totals of dead and missing migrants from the Missing Migrants Dataset, displayed as a bar chart over time. The dataset is loaded via `d3.csv` and processed with `d3.bin` and `d3.timeMonths` to aggregate individual events. React components render SVG axes and marks, with scales created via `d3.scaleTime` and `d3.scaleLinear`. A tooltip using SVG `<title>` elements reveals exact values on hover.

Uuplusv
96% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot

This fork of the Missing Migrants scatter plot visualizes aggregated monthly totals of dead and missing migrants over time. The chart uses bars to show the sum of casualties per month, with time on the x-axis and the total count on the y-axis. Data comes from the Missing Migrants Dataset, loaded via `d3.csv`. The React-based visualization renders with SVG, using D3 scales (`scaleTime`, `scaleLinear`) and a histogram (`d3.histogram`) to bin the data by month. Axes and marks are custom components, with tooltips (via `<title>`) showing exact values.

MMinh Luong
95% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot

This fork of the Missing Migrants scatter plot visualizes the total number of dead and missing migrants over time. It bins the data by month and renders a histogram where each bar represents the sum of casualties for that period. The visualization is built with React and D3 v5, using SVG for rendering. It loads data from a CSV file via the `csv` API, employs `scaleTime` and `scaleLinear` for the axes, and uses the `histogram` function for binning.

Bbillmccabeusa@hotmail.com
94% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot

This interactive scatter plot visualizes the Missing Migrants Dataset, where each point represents a single reported migration event with its date on the x-axis and total dead or missing on the y-axis. The visualization uses React for component structure and d3-scale functions including scaleTime and scaleLog for axis construction. SVG circles render each data point with a native title tooltip, while custom AxisBottom and AxisLeft components generate the tick marks and labels. The data is loaded asynchronously via d3.csv from a GitHub gist, with the log-scaled y-axis accommodating the wide range of casualty counts.

Wweny1109
94% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization shows the total number of dead and missing migrants per month, aggregated by year from the Missing Migrants Dataset. It renders as an SVG bar chart using React, where each bar represents the monthly sum of fatalities. The code uses d3.bin to create monthly time bins and d3.sum to aggregate the y-values within each bin, with d3.scaleTime and d3.scaleLinear mapping the data to screen coordinates. Hovering reveals exact totals via SVG title tooltips, while axis components from d3 handle tick generation and formatting.

GGuilinabaoge
94% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization displays the total number of dead and missing migrants per month, using a date histogram built with React and SVG. It loads data from the Missing Migrants Dataset and applies d3.bin to create monthly bins, with d3.sum aggregating casualties per bin. The chart renders axes and marks via reusable React components, using d3.scaleTime, d3.scaleLinear, and d3.extent for scaling. Bar heights represent monthly totals, with tooltips showing exact values via SVG titles.

YYedrup
93% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization shows monthly totals of dead and missing migrants from the Missing Migrants Dataset. It renders a bar chart as SVG, with time on the x-axis and cumulative deaths per month on the y-axis. Built with React and D3 v5, the code uses `d3.bin` with `timeMonths` thresholds to aggregate data, `d3.sum` to calculate monthly totals, and `scaleTime` and `scaleLinear` for axes. Hovering over a bar reveals its exact total via a native SVG `<title>` tooltip.

MMATTE-blz
93% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization displays the total number of dead and missing migrants per month as a bar chart, with time on the x-axis and count on the y-axis. Data comes from the Missing Migrants Dataset, loaded via `d3.csv`. The chart uses `d3.bin` to group records by month and `d3.sum` to aggregate deaths per bin. React renders the SVG, with custom `AxisBottom`, `AxisLeft`, and `Marks` components, while `d3.scaleTime` and `d3.scaleLinear` handle the scales.

Ssultanmirzapydev
93% match