Missing Migrants Scatter Plot Log Scale

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, 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 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

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, 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 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

Missing Migrants Scatter Plot Log Scale

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.

KKevin McMorrow

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