Missing Migrants Scatter Plot Log Scale

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, where each point represents a single migrant incident positioned by reported date on the x-axis and total dead or missing count on the y-axis. The y-axis uses a logarithmic scale to accommodate extreme variations in incident severity. Built with React and D3 v5, the visualization employs d3.scaleTime, d3.scaleLog, d3.extent, and d3.max for scale construction, rendering SVG circles with tooltips that display formatted dates.

LLaura Johnson

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

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

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

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

Missing Migrants Scatter Plot - Log Scale

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single event. The x-axis encodes the reported date on a time scale, while the y-axis uses a logarithmic scale to display the total dead and missing, compressing the wide range of values. The visualization is built with React and D3 v5, using `scaleTime` for dates, `scaleLog` for the logarithmic y-axis, and SVG circles rendered via React components.

KKai Stewart

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

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