Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants Scatter Plot

✓ Published0🌍 Public
MMatthew Talty Colvard
Last edited Mar 21, 2021
Created on Mar 21, 2021

This scatter plot visualizes the Missing Migrants Dataset, with each point representing a single event plotted by reported date against total dead and missing. The visualization is built with React and D3 v5, using `scaleTime` and `scaleLinear` for the axes, while React components render SVG circles for data marks. The code imports data through D3’s `csv` loader, applies date and numeric parsing in the row function, and includes interactive tooltips via SVG `<title>` elements showing formatted dates.

AI-generated description

A scatter plot of the Missing Migrants Dataset.

Each point in the plot represents a single event.

MIT Licensed

Similar vizzes

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
97% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot

This scatter plot visualizes the Missing Migrants Dataset, with each point representing a single event. The x-axis maps the reported date using a time scale, while the y-axis shows the total number of dead and missing. Circles are rendered as SVG marks, and hovering reveals the exact date via a tooltip. The visualization is built with React and D3 v5, using `scaleTime`, `scaleLinear`, and `extent` for scales and domains.

Rrhysg-ps
97% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot

This interactive scatter plot visualizes the Missing Migrants dataset, where each circle represents a single event, plotting reported dates on the x-axis against the total number of dead and missing on the y-axis. Hovering over a point reveals the formatted date via a tooltip. Built with React and D3 v5, the visualization uses D3’s `scaleTime` and `scaleLinear` for scaling, `extent` for domain calculation, and `timeFormat` for tick labels. Data is loaded asynchronously from a CSV file using D3’s `csv` function, with the chart rendered as an SVG using custom components for axes and marks.

Ssultanmirzapydev
97% 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
96% 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 maps reported dates over time, while the y-axis shows the total number of dead and missing individuals. The visualization uses React and d3.v5, employing `scaleTime` and `scaleLinear` for axes, and rendering marks as SVG circles with native `<title>` tooltips. Data is loaded asynchronously via d3’s `csv` function from a GitHub-hosted CSV file.

Eevers-codeshop-ai
96% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single event and its position encoding the reported date on the x-axis and the total dead and missing on the y-axis. The visualization uses a logarithmic y-scale to accommodate the wide range of values and a time scale for the x-axis, with native SVG `<circle>` elements rendered via React. The code leverages d3’s `scaleTime`, `scaleLog`, `csv`, and `extent` functions to load and transform the data, while custom React components (AxisBottom, AxisLeft, Marks) handle the axis ticks and data point rendering.

AAravind Shenoy
96% 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
96% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot

This scatter plot visualizes 400+ missing migrant events from a 2019 subset of the Missing Migrants Dataset, mapping reported dates on the x-axis against the total dead and missing count on the y-axis. Each circle represents a single event, with tooltips showing the date. The visualization is built with React and D3 v5, using `scaleTime`, `scaleLinear`, and `csv` for data loading. SVG elements render axes and marks, while reusable components like `AxisBottom`, `AxisLeft`, and `Marks` structure the layout with styled grid lines and a Poppins font.

KKunkgg
96% match