Skip to main content
SimilarExport ZIP
100%

Missing Migrants Scatter

✓ Published1🌍 Public
AAndre J Denais
Last edited Dec 11, 2020
Created on Dec 11, 2020
Forked from Working with Time

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.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

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
95% match
Loading thumbnail…

Missing Migrants

This scatterplot displays reported dates of missing migrant incidents against the total dead and missing, using an SVG rendered with React and D3 v7 scales. The chart plots each incident as a circle, with time on the x-axis and casualty counts on the y-axis, colored in teal. Data is loaded via `d3.csv` from a GitHub Gist, and axes are constructed with `scaleTime` and `scaleLinear`. Native SVG `<title>` elements provide tooltips showing the formatted date on hover.

KKevin McMorrow
95% 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
95% match
Loading thumbnail…

Missing Migrant Data Scatter Plot

This scatter plot visualizes the relationship between reported dates and the total number of dead and missing migrants, with each circle representing an incident. The data comes from a CSV file of Missing Migrants Global records loaded via `d3.csv`. The visualization uses React with D3 v7's `scaleTime`, `scaleLinear`, `extent`, and `max` to map the temporal and numerical axes, while custom axis components render SVG ticks. Circles are positioned using the x and y scales, with native SVG `<title>` elements providing tooltips on hover.

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