Missing Migrants Scatter Plot Log Scale

100%

Missing Migrants Scatter Plot Log Scale

✓ Published0🌍 Public

Last edited Nov 18, 2021

Created on Nov 18, 2021

This scatter plot visualizes reported deaths and missing migrants over time, with each circle representing a single incident. The visualization employs a logarithmic y-axis scale to accommodate the wide range of casualty counts, while the x-axis uses a time scale for chronological ordering. Built with React and D3 v7, the code renders SVG circles using custom AxisBottom, AxisLeft, and Marks components. The graph loads CSV data asynchronously via d3.csv and applies scales through scaleLog and scaleTime. Hovering reveals the exact date through native SVG tooltips.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes reported migrant deaths and disappearances over time, with each circle representing a single event. The y-axis uses a logarithmic scale to accommodate the wide range in casualty counts, while the x-axis maps dates. Built with React and D3 v5, the visualization uses `scaleTime` for the time axis, `scaleLog` for the logarithmic scale, and SVG circles rendered through custom React components. Data comes from the Missing Migrants Dataset, fetched via D3’s `csv` loader and parsed with a custom row function.

CCurran Kelleher

97% match

Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

The visualization shows reported deaths and missing persons from the Missing Migrants Project over time, with the number of casualties plotted on a logarithmic scale to reveal patterns across a wide range of values. The scatter plot encodes time on the x-axis and the total dead or missing count on the y-axis, with each circle representing an incident and a tooltip displaying the exact date. Built with React and rendered as SVG, it uses d3.scaleLog for the y-axis, d3.scaleTime for the x-axis, and d3.csv to load the dataset. Axis components and marks are generated programmatically from the data.

WWolfgang

96% match

Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants dataset, showing each reported incident as a circle positioned by date on the x-axis and the total dead and missing on a logarithmic y-axis. The visualization uses a log scale to accommodate the wide range of casualty counts, with hover tooltips revealing exact dates. Built with React and d3.v5, the code employs `scaleLog` for the y-axis, `scaleTime` for the x-axis, and SVG rendering for the marks and axes, with data loaded from a CSV using `csv()`.

Aazharahmad0

96% match

Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes missing migrant incidents over time, with the y-axis using a logarithmic scale to accommodate the wide range of reported deaths. The visualization shows each incident as a circle plotted against its reported date and total dead and missing count. The code uses d3.scaleLog and d3.scaleTime for scaling, React for component structure, and SVG for rendering. Data comes from the Data Canvas Sense Your City Dataset, loaded via d3.csv from a GitHub gist.

BBen Seebeck

96% match

Loading thumbnail…

Missing Migrants Log scales

A scatter plot of the Missing Migrants Dataset shows each reported incident as a circle, with the reported date on the x-axis and the total dead and missing count on a logarithmic y-axis. The visualization uses d3.scaleTime and d3.scaleLog to map the data, with SVG circles rendered via React components. Axes are drawn using custom AxisBottom and AxisLeft components that leverage d3's tick generation, while the data is loaded asynchronously from a CSV file using d3.csv.

MMohammed Banani | MbDev

96% match

Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot displays events from the Missing Migrants Dataset, plotting reported dates against the total number of dead and missing per incident. The visualization uses a logarithmic y-scale to accommodate the wide range of casualty counts, with each circle representing a single event. Built with React and D3 v5, the code employs `scaleTime` and `scaleLog` for axes, renders marks as SVG circles, and provides tooltips via `d3.csv` data loading.

Ccshm407

96% match

Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single migrant incident. The x-axis shows the reported date on a time scale, while the y-axis displays the total dead and missing on a logarithmic scale. The visualization uses React with D3 v5, employing scaleTime for dates and scaleLog for the numeric axis, with SVG circles rendered through custom React components. Hovering over a circle reveals the exact date via a tooltip.

Vvmonney

95% match

Loading thumbnail…

Missing Migrants Scatter Plots Log Scale

A scatter plot displays the relationship between incident dates and the total number of dead and missing migrants, with a log-scaled y-axis to handle the wide range of values. The visualization uses D3's `scaleTime` and `scaleLog` to map the data, rendering circles via React components. Each circle includes a native SVG tooltip showing the formatted date. The data comes from a CSV file of missing migrant incidents loaded with `d3.csv`. The chart is built using React with D3 v7, rendering to SVG.

KKazushige Okuma

95% match