100%

Migrant Months

✓ Published1🌍 Public

Last edited Oct 15, 2021

Created on Aug 12, 2021

Forked from Migrant

This scatterplot displays the relationship between reported dates and the total number of dead and missing migrants, with each circle representing an individual incident. The visualization uses React to render SVG circles positioned through D3's `scaleTime` and `scaleLinear` scales, with axes generated by custom components. Data comes from a CSV file containing global migrant incidents, loaded via D3's `csv` parser, and the chart includes tooltips showing exact dates on hover. The minimalist design uses a teal mark color and the Inter font for clear readability.

AI-generated description

Axes with 3D

MIT Licensed

Similar vizzes

Loading thumbnail…

Migrant

This visualization shows the total number of dead and missing migrants over time in 2019, plotted as a scatterplot of individual data points on an SVG canvas. Each circle represents a reported incident, with its position determined by the reported date on the x-axis and the total dead and missing count on the y-axis. The chart includes labeled axes and tick marks, styled with a custom color palette. Built with React and D3 v5, the code uses `scaleLinear`, `scaleTime`, and `extent` to compute scales, while the data is loaded via `csv` from a URL and processed in the custom `useData` hook.

MMark Lam

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

92% match

Loading thumbnail…

Missing Migrant Part I

A scatter plot displays the total number of dead and missing migrants over time, with each circle representing a reported incident. The visualization uses React to render an SVG, employing d3.scaleTime and d3.scaleLinear for axes, with d3.csv loading data from the Data Canvas Sense Your City Dataset. Circles are positioned using d3's scale functions, while tooltips reveal exact dates via d3.timeFormat.

Aadewole-top

92% match

Loading thumbnail…

Migrant Deaths

A scatterplot visualizes reported migrant deaths over time, with each circle representing a date and the total number of dead and missing. The visualization uses D3 utilities (`scaleTime`, `scaleLinear`, `extent`, `timeFormat`) to compute scales and axes while React renders SVG elements. Data is loaded via D3’s `csv` from a Missing Migrants Project subset, with axes and circles styled subtly.

Ffjvoris

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

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

91% match

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

91% match