Skip to main content
SimilarExport ZIP
100%

Mssing Migrants Scatter Plot Log Scale

✓ Published0🌍 Public
PPeter Krevenets
Last edited Mar 31, 2021
Created on Mar 31, 2021

This example visualizes the "Total Dead and Missing" from the Missing Migrants Global dataset as a scatter plot with a logarithmic y-axis, plotted over time. The SVG rendering uses React and D3 v6, with scales created via `d3.scaleTime` and `d3.scaleLog`. A path connects the points using `d3.line` with natural curve interpolation, while circles provide hover tooltips formatted with `d3.timeFormat`.

AI-generated description

A line chart of San Francisco Daily Temperature Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Log scale Missing Migrants Scatter Plot

This scatter plot visualizes missing migrant incidents over time, with each point representing a single event and the y-axis using a log scale to display the "Total Dead and Missing" count. Built with React and D3 v5, the visualization renders as an SVG, using `scaleTime` for the x-axis, `scaleLog` for the y-axis, and custom `AxisBottom`, `AxisLeft`, and `Marks` components to draw tick marks and circles. Data comes from the Missing Migrants Dataset, loaded via D3’s `csv` function, with tooltips showing the reported date on hover.

SShuyu Zheng
92% match
Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This interactive scatter plot visualizes the Missing Migrants Dataset, where each point represents a single event and shows the number of dead or missing individuals over time. The visualization uses a log scale on the y-axis to accommodate the wide range of values, with a time-based x-axis formatted as dates. Built with React and D3 v5, it renders as SVG and employs `scaleLog`, `scaleTime`, and `extent` from D3, with custom axis components and circle marks that display tooltips on hover.

Ttrissentety
92% match
Loading thumbnail…

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

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the total number of dead and missing migrants by incident date, using a logarithmic y-axis to accommodate the wide range of values. The chart is built with React and D3 v7, utilizing `scaleTime` and `scaleLog` for the axes, with SVG circles representing each incident. The data comes from the Missing Migrants Project, and hovering over a circle reveals the exact date via an SVG `<title>` element. Axis components are custom-rendered with tick marks and labels.

JJun Suzuki
92% 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
92% 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
92% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, showing each recorded migration event as a point over time on the x-axis and the total dead and missing count on the logarithmic y-axis. The visualization uses React with D3 v5, employing `scaleTime` for the date domain and `scaleLog` to handle the wide range of casualty counts. SVG circles render each data point with a `title` element for tooltips, while custom `AxisBottom` and `AxisLeft` components generate the ticks and grid lines. The log scale compresses large values while revealing patterns in smaller incidents.

FFrederick O'Brien
91% match