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

100%

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

✓ Published1🌍 Public

Last edited Mar 19, 2021

Created on Nov 11, 2020

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`.

AI-generated description

A scatter plot of the Missing Migrants Dataset.

Each point in the plot represents a single event.

--
Datavis 2020 #38

MIT Licensed

Similar vizzes

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.

94% match

Loading thumbnail…

Fork of Missing Migrants Scatter Plot

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single migration-related incident. The x-axis maps the reported date over time, while the y-axis shows the total number of dead and missing individuals. The visualization uses React components to render SVG elements, with D3 v5 scales (scaleTime and scaleLinear) handling the coordinate mappings. Axis and mark components are built as reusable React functions, and the data is loaded asynchronously via D3’s csv parsing.

Cchar0496

92% match

Loading thumbnail…

Fork of Missing Migrants Scatter Plot

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single migration event. The x-axis shows reported dates over time, while the y-axis displays the total number of dead and missing individuals. Built with React and D3 v5, the visualization uses `scaleTime` and `scaleLinear` to map data to SVG coordinates, with custom `AxisBottom` and `AxisLeft` components rendering ticks and labels. Circle marks include native SVG `<title>` tooltips showing formatted dates.

RRoberto

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

92% match

Loading thumbnail…

Missing migrants scatter plot logscale

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single migration event. The x-axis shows reported dates over time, while the y-axis uses a logarithmic scale to display the total number of dead and missing individuals, enabling comparison across widely varying magnitudes. Built with React and D3 v5, it implements custom AxisBottom and AxisLeft components using scaleTime and scaleLog, renders SVG circles via a Marks component, and includes tooltips showing dates through SVG title elements.

AAndrea Picciau

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

92% match

Loading thumbnail…

Fork of Missing Migrants Scatter Plot

This interactive scatter plot visualizes the Missing Migrants Dataset, where each circle represents a single migration event. The x-axis maps the reported date over time, while the y-axis shows the total number of dead and missing individuals. Built with React and D3 v5, the visualization uses `d3.scaleTime` and `d3.scaleLinear` for axis scaling, rendered as SVG circles with tooltips revealing exact dates. The code demonstrates reusable components for axes and marks, with data loaded asynchronously via `d3.csv`.

YYedrup

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

92% match