Missing Migrants (part 1)

100%

Missing Migrants (part 1)

✓ Published2🌍 Public

Last edited Nov 25, 2021

Created on Nov 25, 2021

This scatterplot displays the total number of dead and missing migrants per incident over the course of 2020, using data from the Missing Migrants Project. Each circle represents an incident, positioned by its date on the x-axis and the death toll on the y-axis, with a tooltip showing the month. Built with React and D3 v7, the visualization uses `scaleTime` for the date axis, `scaleLinear` for the count, and SVG rendering. The dataset is loaded via `d3.csv` from a GitHub-hosted CSV file.

AI-generated description

Dataset about migrants deaths from Missing Migrants Project.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants Part I

This scatterplot visualizes the total number of dead and missing migrants over time, with each circle representing a reported incident date and casualty count. The visualization uses React to render SVG elements, with D3 scales (scaleTime, scaleLinear) mapping data to axes. The code loads CSV data via d3.csv, applies custom tick formatting with timeFormat, and renders axes through reusable AxisBottom and AxisLeft components. Circle marks are drawn using D3's data-binding approach within a React component structure, styled with a teal fill color.

WWaseem Medhat

94% match

Loading thumbnail…

Missing Migrants : Part 1

This scatter plot visualizes the relationship between reported dates and the total number of dead and missing migrants from a Dataset on Missing Migrants. The x-axis displays time using a time scale, while the y-axis shows the count of missing individuals on a linear scale. The visualization is built with React and D3 v5, using `scaleTime` and `scaleLinear` for axes, with circles rendered as SVG marks that include tooltips showing formatted dates. Data is loaded via `d3.csv` from a gist-hosted CSV file.

Zzeeeeem

94% match

Loading thumbnail…

Missing Migrants Scatter Plot

This scatter plot visualizes monthly totals of dead and missing migrants, using D3 v5 to bin the data by reported date into monthly intervals. The visualization is built with React and renders as an SVG, combining a time-scaled x-axis and linear y-axis through `scaleTime`, `scaleLinear`, and histogram binning. Aggregated sums are plotted as circles, with the data sourced from a 2019 Missing Migrants Project CSV. Hovering over any circle reveals its exact value via a D3 tooltip.

Iiblub

93% match

Loading thumbnail…

Missing Migrants Scatter Plot

This interactive scatter plot visualizes the Missing Migrants Dataset, where each circle represents a single migration event, plotted by reported date on the x-axis and total dead and missing on the y-axis. The visualization uses React with D3 v5 scales and tick generators, rendering marks as SVG circles with hover tooltips showing the exact date. The y-axis uses a linear scale to show casualty counts, while the x-axis employs D3's time-based `scaleTime` for chronological ordering. Data is loaded asynchronously from a CSV file using D3's `csv` parser.

MMohammed Banani | MbDev

93% match

Loading thumbnail…

Missing Migrants Scatter Plot

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single migration incident. The x-axis maps the reported date using a time scale, while the y-axis uses a logarithmic scale to show the total dead and missing, with hover tooltips displaying the exact date. Built with React and D3 v5, the visualization renders as an SVG, using `scaleTime`, `scaleLog`, and `extent` from D3 to compute scales and domains. The code loads the dataset via D3's `csv` function and uses custom React components for axes and marks.

Mmarianamartins87

93% match

Loading thumbnail…

Missing Migrants Scatter Plot

This interactive scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single reported incident. The x-axis maps the reported date using a time scale, while the y-axis shows the total number of dead and missing individuals on a linear scale. Built with React and D3.v5, the visualization renders SVG circles with tooltips that display the date on hover. The code utilizes D3’s `scaleTime`, `scaleLinear`, `extent`, and `timeFormat` APIs, along with the `csv` function to load the data from a GitHub gist. Axes are constructed from reusable React components, and the plot includes clearly labeled axes for time and casualty counts.

CCurran Kelleher

93% match

Loading thumbnail…

Missing Migrants Scatter

This scatter plot charts the reported dates of migrant incidents against the total number of dead and missing, revealing temporal patterns in the data. Using D3’s `scaleTime` and `scaleLinear` for axes and `React` components for rendering, each circle represents an incident with a native SVG `<title>` tooltip. The visualization loads CSV data from a GitHub gist via `d3.csv`, with React state management handling asynchronous data retrieval and rendering a loading message until the dataset arrives.

AAndre J Denais

93% match

Loading thumbnail…

Missing Migrant Data Part 1

This example shows a scatter plot of total dead and missing migrants over time in 2019, with each point representing a reported incident. The visualization uses React to render SVG circles and D3 v5 scales (scaleTime, scaleLinear) to map date and counts. Axes are custom components built with D3 tick rendering, and data loading uses the d3.csv function.

Nnpelliccia

93% match