Dataviz 11 - Missing migrants #1

100%

Dataviz 11 - Missing migrants #1

✓ Published2🌍 Public

Last edited Nov 26, 2021

Created on Nov 26, 2021

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.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

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

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

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

93% match

Loading thumbnail…

Missing Migrants (Again)

This scatterplot visualizes the relationship between reported dates and the total dead and missing for migrants, using React and D3 v5. Each circle represents one incident, positioned by date on the x-axis and casualty count on the y-axis. The code builds scales with d3.scaleTime and d3.scaleLinear, renders axes through custom components, and loads CSV data via d3.csv. The SVG output applies a teal fill to marks and styled grid lines.

WWaseem Medhat

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

Loading thumbnail…

Dataviz 11 - Missing migrants #2

This histogram visualizes the number of dead and missing migrants over time, with each bar representing cumulative fatalities per month. Built with React and D3 v5, it uses `d3.csv` to load a subset of the Missing Migrants Global dataset, `scaleTime` and `scaleLinear` for axes, and `bin()` with `timeMonths` thresholds to aggregate data. SVG rectangles render the bars, with tooltips via SVG `<title>` elements. The visualization includes labeled axes for "Time" and "Total Dead and Missing," styled with a Poppins font.

RRyAlpha

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

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

92% match