Missing Migrants Scatter Plot

100%

Missing Migrants Scatter Plot

✓ Published63🌍 Public

Last edited Dec 12, 2020

Created on Oct 8, 2019

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.

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…

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

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

97% match

Loading thumbnail…

Missing Migrants Scatter Plot

This scatter plot visualizes the Missing Migrants Dataset, with each point representing a single event where the reported date is plotted against the total number of dead and missing. The visualization uses D3 version 5 for scales and formatting, specifically `scaleTime`, `scaleLinear`, `extent`, and `timeFormat`, while rendering as an SVG within a React application. Data is loaded via D3’s `csv` function from a GitHub-hosted CSV file. The circles, axes, and tick marks are all generated using React components, with tooltips showing the formatted date using `timeFormat`.

Ssophburke

97% match

Loading thumbnail…

Missing Migrants Scatter Plot

This scatter plot displays reported incidents of missing migrants over time, with each circle representing a reported date and the corresponding total number of dead and missing individuals. The visualization uses React to render SVG elements, while D3 v5 handles data loading via `csv()` and scales with `scaleTime()` and `scaleLinear()`. Custom axis components generate the time-based x-axis with formatted date ticks and a linear y-axis, with tooltips revealing exact dates for each data point. The dataset comes from a CSV file of global missing migrant reports.

Eelena

96% match

Loading thumbnail…

31. Missing Migrants Scatter Plot

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single event. The x-axis shows the reported date (time) and the y-axis displays the total number of dead and missing individuals per incident. The visualization uses React with a D3.js v5 backend, rendering SVG elements through custom components. It employs D3’s `scaleTime` and `scaleLinear` to map data coordinates, while axes and circle marks are generated using React map functions. The data is loaded asynchronously via a CSV file with D3’s `csv` function and formatted using `timeFormat`.

PPrashish Paudel

95% match

Loading thumbnail…

Missing Migrants Scatter Plot

This scatter plot visualizes the Missing Migrants Dataset, where each point represents a single migration event, plotting reported dates against the total number of dead and missing. The visualization uses React with D3 v7 scales (scaleTime and scaleLinear) to map data to SVG circles. The code loads data via d3.csv and renders axes using custom React components, with tooltips provided through SVG title elements on each circle.

JJoe Hutchins

95% match

Loading thumbnail…

Missing Migrants Scatter Plot

A scatter plot visualizes the Missing Migrants Dataset, showing each reported event as a point along a time axis against the total number of dead and missing. The plot uses d3.scaleTime and d3.scaleLinear for axes, with React components rendering SVG circles for marks. Data is loaded via d3.csv from a gist, and the axis labels and tick marks are generated using d3 time formatting.

Jjwlam83

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

95% match