Skip to main content
SimilarExport ZIP
100%

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

✓ Published2🌍 Public
MMinwoo Pak
Last edited Jul 21, 2021
Created on Jul 21, 2021
Forked from Working with Time

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.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Dataviz 11 - Missing migrants #1

This scatter plot visualizes the relationship between reported dates and total dead and missing migrants from a subset of the Missing Migrants Global dataset. The visualization uses React with D3 v5 to render SVG circles, with d3.scaleTime and d3.scaleLinear mapping time and migrant counts to positions. Axes are custom-built components, and hovering over each circle reveals the exact date via a native SVG title tooltip. The chart highlights temporal patterns in migrant fatalities, with axis labels identifying the time and casualty variables.

RRyAlpha
94% match
Loading thumbnail…

Missing Migrants Data Part I

A scatter plot displays the relationship between reported date and total dead and missing migrants from the Missing Migrants Global dataset. The visualization uses React components to render SVG circles, with d3.scaleTime and d3.scaleLinear mapping the data dimensions to pixel coordinates. The code implements reusable AxisBottom, AxisLeft, and Marks components, with d3.csv loading the data and d3.timeFormat handling date tick labels.

MMilena Belianovich Holtman
93% 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
92% match
Loading thumbnail…

Analyzing Missing Migrants. Part I Loading & Visualization the Data

This scatter plot visualizes the relationship between the reported date and the total number of dead and missing migrants, using data from the Missing Migrants Global 2019-10-08 subset. Each circle represents an incident, with tooltips showing the exact date. The visualization is built with React and d3.v7, using scaleTime for the x-axis, scaleLinear for the y-axis, and the extent function to compute domains. The SVG rendering includes custom AxisBottom and AxisLeft components for tick marks.

OOleg Zhernovoy
92% match
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
92% 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
92% match
Loading thumbnail…

dv2020-ep38-viz40 - missing migrants scatter plot

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.

Zzach b.
92% match
Loading thumbnail…

Missing Migrants

This scatterplot visualizes reported dates versus total dead and missing migrants, with each circle representing a data point and hovering to reveal the exact date. The visualization is built with React and renders as an SVG using D3 v5’s `scaleTime`, `scaleLinear`, `extent`, and `timeFormat` functions for axes and ticks. Data is loaded via `d3.csv` from a GitHub-hosted subset of the Missing Migrants dataset, and the circles are colored teal with a Poppins font for labels.

NNikhil Reddy Manda
92% match