Skip to main content
SimilarExport ZIP
100%

Missing Migrants Scatter Plot Log Scale

✓ Published0🌍 Public
TTatyana Milanova
Last edited Oct 10, 2023
Created on Oct 10, 2023

A scatter plot displays the Missing Migrants Dataset, with each point representing an event and positioned by reported date on the time-based x-axis and the total dead and missing on a log-scale y-axis. Built with React and D3 v5, the visualization uses `scaleTime` and `scaleLog` to map data to SVG coordinates, while custom `AxisBottom` and `AxisLeft` components render ticks. Circles are drawn via the `Marks` component with tooltips showing the date. Data loads asynchronously via `d3.csv`, and the chart includes rotated axis labels.

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…

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 dead and missing using a log scale to accommodate the wide range of values. Built with React and D3 v5, the visualization uses `scaleTime` and `scaleLog` for axes, alongside custom `AxisBottom`, `AxisLeft`, and `Marks` components. The code leverages D3's `csv` loader to fetch data and renders interactive tooltips via the SVG `title` element.

RRMartins11
98% 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 shows the reported date using a time scale, while the y-axis uses a logarithmic scale to display the total dead and missing count, ranging from 1 to the maximum value. The visualization is built with React and D3 v5, using SVG rendering. The code defines custom axis components (AxisBottom and AxisLeft) and a Marks component that renders circles with tooltips showing the exact date. The data is loaded from a CSV file using D3's csv parser.

Wwindwaver
97% match
Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, with each point representing a single event. The x-axis encodes reported dates as a time scale, while the y-axis uses a log scale for total dead and missing counts. Built with React and D3 v5, it renders as an SVG using `scaleTime`, `scaleLog`, and `extent`. Native SVG `<title>` elements provide tooltips. Axes are custom components (`AxisBottom`, `AxisLeft`) that generate ticks and gridlines from the scales.

KKolezhannochka
97% match
Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

A scatter plot visualizes the Missing Migrants Dataset, with each point representing a single event. The x-axis maps reported dates using a time scale, while the y-axis uses a log scale for total dead and missing counts, enabling comparison across vastly different magnitudes. The visualization is built with React and D3 v7, using SVG rendering and custom axis components. Data is loaded asynchronously via d3.csv, with marks rendered as circles featuring tooltips that display formatted dates.

JJoe Hutchins
97% match
Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single event plotted by reported date on the x-axis and total dead and missing on the y-axis. The y-axis uses a logarithmic scale to accommodate the wide range of casualty counts. Built with React and D3 v5, the visualization renders as SVG, using d3.scaleTime and d3.scaleLog for scales, d3.csv for data loading, and custom AxisBottom, AxisLeft, and Marks components to draw axes and data points. Hovering over a circle reveals its date via a native title tooltip.

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

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, showing each event as a point with the reported date on the x-axis and the total dead and missing on a logarithmic y-axis. The visualization uses D3 v5 scaling functions, including `scaleTime` and `scaleLog`, to map the data to SVG coordinates within a React component. Individual data points are rendered as circles via the `Marks` component, with tooltips revealing the exact date on hover.

MMichael Bergerson
97% match