Skip to main content
SimilarExport ZIP
100%

dv2020-ep47-viz46 - missing migrants scatter plot - log scale

✓ Published0🌍 Public
Zzach b.
Last edited Apr 3, 2023
Created on Mar 30, 2023

A scatter plot displays individual events from the Missing Migrants Dataset, plotting reported dates on the x-axis against the total dead and missing on a logarithmic y-scale. Each circle represents one event, with tooltips showing the date and casualty count. The visualization uses React with D3 v5 scales (`scaleTime`, `scaleLog`) and renders SVG components, including custom axis components. Data loads asynchronously via `d3.csv` from a GitHub gist, filtered to exclude zero-casualty entries.

AI-generated description

A scatter plot of the Missing Migrants Dataset.

Each point in the plot represents a single event.

Episode 47

MIT Licensed

Similar vizzes

Loading thumbnail…

dv2020-ep38-viz40 - missing migrants scatter plot

A scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single event’s reported date against the total number of dead and missing. The D3 scales (scaleTime and scaleLinear) map data to SVG coordinates, while React components render the axes and marks. The plot uses d3.csv for data loading and timeFormat for tick labels, set against a bold lime background with semi-transparent blue circles and red tick text.

Zzach b.
95% 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
91% match
Loading thumbnail…

dv.38 - missing migrants - part I - scatter plot

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single migration event. The x-axis maps the reported date using a time scale, while the y-axis shows the total number of dead and missing individuals. Rendered as an SVG using React and D3 v6, the visualization employs functions like `scaleTime` and `scaleLinear` for scaling, with axes and marks built through custom components like `AxisBottom` and `Marks`.

Zzach b.
91% match
Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

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.

TTatyana Milanova
90% match
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
90% 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
90% 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
90% 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
90% match