Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants Scatter Plot

✓ Published0🌍 Public
AAravind Shenoy
Last edited Jan 12, 2022
Created on Jan 12, 2022

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.

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 Log Scale

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single event. The x-axis shows reported dates over time, while the y-axis displays the total number of dead and missing individuals using a logarithmic scale, which compresses large values for better comparison. The visualization is built with React and D3 v5, using `scaleTime` and `scaleLog` for the axes, and SVG circles with tooltips for interactivity. The data is loaded asynchronously from a CSV file hosted on GitHub.

Cchar0496
97% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot

This scatter plot visualizes events from the Missing Migrants Dataset, with each circle representing a single migration incident plotted by reported date on the x-axis and total dead and missing on the logarithmic y-axis. The visualization uses React for component structure and d3 v5 functions including scaleTime, scaleLog, extent, and csv for data loading and axis rendering. SVG circles with tooltip titles display the data, while styled tick marks and axis labels provide clear context for the temporal and casualty dimensions.

AAnkit-Ian-53787
97% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot Log Scale

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 y-axis uses a logarithmic scale (`d3.scaleLog`) to accommodate the wide range of values, while the x-axis uses a time scale (`d3.scaleTime`). The visualization is rendered as an SVG using React, with custom components for the axes and marks. Hovering over a circle displays the exact date via a `<title>` tooltip, and the data is loaded asynchronously using `d3.csv`.

JJean David
97% 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
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 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
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-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 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 Log Scale

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 uses a logarithmic scale to display total dead and missing counts, compressing the wide range of values. Built with React and D3 v5, the visualization uses `scaleTime`, `scaleLog`, and `scaleLinear` for axis construction, with SVG circles rendered through the `Marks` component. The `AxisBottom` and `AxisLeft` components generate tick marks and labels, while hover tooltips reveal exact dates via the `<title>` element.

Eevers-codeshop-ai
96% match