Skip to main content
SimilarExport ZIP
100%

Analyzing Missing Migrants. Part I Loading & Visualization the Data (LogScale)

✓ Published0🌍 Public
OOleg Zhernovoy
Last edited Dec 11, 2022
Created on Dec 11, 2022

This example visualizes missing migrant statistics as a scatter plot, where each point represents a reported incident, plotting the reported date on the x-axis against the total dead and missing on a logarithmic y-axis. The visualization uses D3 v7’s `scaleTime` and `scaleLog` for axes and data mapping, with React components handling the rendering of SVG marks and axis ticks. The data is loaded asynchronously via D3’s `csv` parser from a GitHub-hosted CSV file, and a hover tooltip displays the full date for each point.

AI-generated description

A scatter plot of Missing Migrants Statitics

MIT Licensed

Similar vizzes

Loading thumbnail…

Analyzing Missing Migrants - Part I

This visualization shows the Missing Migrants Project data as a scatter plot, with reported dates on the x-axis and total dead and missing counts on the y-axis. Each circle represents an incident, with a tooltip revealing the precise date on hover. Built with React and D3 v6, the code uses `scaleTime` and `scaleLinear` to map the data, while custom components `AxisBottom`, `AxisLeft`, and `Marks` render the SVG axes and circles. The CSV data is loaded asynchronously via D3’s `csv` function and parsed with a custom date formatter.

WWolfgang
93% match
Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This example visualizes the Missing Migrants Dataset, a collection of events where each point represents a single incident. It plots reported dates on the x-axis against the total number of dead and missing on the y-axis, using a logarithmic scale for the latter to accommodate the wide range of values. The visualization is rendered as an SVG using React and D3 v5, with custom axis components for the bottom and left sides, and marks that display a tooltip with the formatted date on hover. Data is loaded asynchronously via a CSV file using D3's `csv` function.

Mmkt-ds
92% match
Loading thumbnail…

Analyzing Missing Migrants. Part I Loading & Visualization the Data

This scatter plot visualizes the relationship between the reported date and the total number of dead and missing migrants, using data from the Missing Migrants Global 2019-10-08 subset. Each circle represents an incident, with tooltips showing the exact date. The visualization is built with React and d3.v7, using scaleTime for the x-axis, scaleLinear for the y-axis, and the extent function to compute domains. The SVG rendering includes custom AxisBottom and AxisLeft components for tick marks.

OOleg Zhernovoy
91% match
Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants dataset, with each point representing a single migration event. The x-axis encodes the reported date using a time scale, while the y-axis uses a logarithmic scale to show the total number of dead and missing individuals. The visualization is built with React and D3 v5, using `scaleTime`, `scaleLog`, and `extent` to compute scales, and custom SVG components for axes and marks. Data is loaded asynchronously via `d3.csv` from a GitHub gist, with each point rendered as a circle containing a tooltip.

CChris Briggs
91% match
Loading thumbnail…

Missing migrants log scale

This scatter plot visualizes the Missing Migrants Dataset, with each point representing a single migration event. The x-axis displays the reported date of the event in time series format, while the y-axis shows the total number of dead and missing individuals using a logarithmic scale. The visualization uses D3.js v5, including `scaleLog` and `scaleTime` for axis transformations, and is rendered as an SVG using React 16. The plot employs `d3.csv` for data loading and custom SVG marks with tooltips showing the reported date.

Ssurikmeetr
91% match
Loading thumbnail…

Missing Migrant Data Scatter Plot - Log Scale

This scatter plot visualizes reported dates of missing migrant incidents against total dead and missing counts, using a logarithmic y-axis to handle the wide range of values. The visualization loads CSV data from a GitHub gist and renders as an SVG using React and D3 v7. It employs `scaleTime` for the date axis, `scaleLog` for the count axis, and custom React components (`AxisBottom`, `AxisLeft`, `Marks`) to draw tick marks and circles. Native SVG `<title>` elements provide tooltips showing formatted counts.

KK3zter
91% match
Loading thumbnail…

Log scale Missing Migrants Scatter Plot

This scatter plot visualizes missing migrant incidents over time, with each point representing a single event and the y-axis using a log scale to display the "Total Dead and Missing" count. Built with React and D3 v5, the visualization renders as an SVG, using `scaleTime` for the x-axis, `scaleLog` for the y-axis, and custom `AxisBottom`, `AxisLeft`, and `Marks` components to draw tick marks and circles. Data comes from the Missing Migrants Dataset, loaded via D3’s `csv` function, with tooltips showing the reported date on hover.

SShuyu Zheng
91% match
Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, with each point representing a single migration event. The x-axis encodes reported dates using a time scale, while the y-axis uses a logarithmic scale to display the total number of dead and missing, compressing large values for clarity. Built with React and rendered as SVG, the visualization uses d3.scaleLog, d3.scaleTime, and d3.csv for data loading. Axis components are custom React functions that generate tick marks and labels, with tooltips on each circle showing the exact date.

Jj-PGi
90% match