Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants Scatter Plot

✓ Published0🌍 Public
Ssultanmirzapydev
Last edited Aug 16, 2021
Created on Aug 16, 2021

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.

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 scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single migration event. The x-axis shows the reported date using a time scale, while the y-axis displays the total dead and missing using a logarithmic scale. Built with React and D3 v5, the visualization uses `d3.csv` for data loading, `scaleTime` and `scaleLog` for scaling, and renders SVG circles with tooltips showing formatted dates. The data is loaded via a custom `useData` hook that parses dates and numeric values from the CSV source.

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

MMatthew Talty Colvard
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 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
96% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot

This interactive scatter plot displays the Missing Migrants Dataset, with each circle representing a single migration event. The x-axis shows the reported date on a time scale, while the y-axis uses a logarithmic scale to display the total number of dead and missing individuals. The visualization is built with React and D3 v5, using the `scaleTime` and `scaleLog` functions for axis scaling and SVG circles for data points. Hovering over a circle reveals the exact date via an SVG `<title>` tooltip.

NNikita Toropov
96% 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 encodes the reported date as time, while the y-axis shows the total number of dead and missing individuals. The example uses React with D3 v5’s scaleTime and scaleLinear for axis scaling, and renders SVG circles via the D3 csv loader. Native SVG `<title>` tags provide tooltip information on hover.

PPratik Raja
96% 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
95% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot

This interactive scatter plot visualizes the Missing Migrants Dataset, where each point represents a single reported migration event with its date on the x-axis and total dead or missing on the y-axis. The visualization uses React for component structure and d3-scale functions including scaleTime and scaleLog for axis construction. SVG circles render each data point with a native title tooltip, while custom AxisBottom and AxisLeft components generate the tick marks and labels. The data is loaded asynchronously via d3.csv from a GitHub gist, with the log-scaled y-axis accommodating the wide range of casualty counts.

Wweny1109
95% 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
95% match