Skip to main content
SimilarExport ZIP
100%

dv2020-ep38-viz40 - missing migrants scatter plot

✓ Published2🌍 Public
Zzach b.
Last edited Mar 27, 2023
Created on Mar 27, 2023

A scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single event’s reported date against the total number of dead and missing. The D3 scales (scaleTime and scaleLinear) map data to SVG coordinates, while React components render the axes and marks. The plot uses d3.csv for data loading and timeFormat for tick labels, set against a bold lime background with semi-transparent blue circles and red tick text.

AI-generated description

A scatter plot of the Missing Migrants Dataset.

Each point in the plot represents a single event.

Episode 38

MIT Licensed

Similar vizzes

Loading thumbnail…

dv2020-ep47-viz46 - missing migrants scatter plot - log scale

A scatter plot displays individual events from the Missing Migrants Dataset, plotting reported dates on the x-axis against the total dead and missing on a logarithmic y-scale. Each circle represents one event, with tooltips showing the date and casualty count. The visualization uses React with D3 v5 scales (`scaleTime`, `scaleLog`) and renders SVG components, including custom axis components. Data loads asynchronously via `d3.csv` from a GitHub gist, filtered to exclude zero-casualty entries.

Zzach b.
95% match
Loading thumbnail…

dv.38 - missing migrants - part I - scatter plot

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single migration event. The x-axis maps the reported date using a time scale, while the y-axis shows the total number of dead and missing individuals. Rendered as an SVG using React and D3 v6, the visualization employs functions like `scaleTime` and `scaleLinear` for scaling, with axes and marks built through custom components like `AxisBottom` and `Marks`.

Zzach b.
94% match
Loading thumbnail…

Dataviz 2020_Ep38 - 30. Missing Migrants1 - Loading and Visualizing Data

This scatter plot displays reported dates of missing migrant incidents against the total number of dead and missing individuals. The visualization uses React with SVG rendering, employing d3.scaleTime and d3.scaleLinear for axes, while d3.csv loads the Missing Migrants Global 2019 subset dataset. Custom AxisBottom, AxisLeft, and Marks components render the circles with tooltips using d3.timeFormat.

MMinwoo Pak
92% 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
91% match
Loading thumbnail…

Missing Migrants Scatter Plot - Episode 38

A scatter plot of the Missing Migrants Dataset, where each circle represents a single migration event, positioned by reported date on the x-axis and total dead or missing on the y-axis. The visualization uses React with D3 v5 scaleTime and scaleLinear for axes, rendering SVG circles with native tooltips via SVG title elements. Data is loaded as CSV from a GitHub gist.

Rroc286
91% 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
91% 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
91% 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
91% match