Skip to main content
SimilarExport ZIP
100%

(Incomplete) Missing Migrants Scatter Plot Log Scale

✓ Published0🌍 Public
SSerind Joshua McCue
Last edited Aug 23, 2022
Created on Aug 23, 2022

This scatter plot visualizes the total number of dead and missing migrants over time, using a logarithmic scale on the y-axis to accommodate extreme variations in monthly counts. The visualization aggregates raw CSV data into monthly bins using d3.histogram, then renders SVG rectangles with React. D3’s scaleTime and scaleLog handle the axes, while d3.sum calculates totals within each bin. The chart loads data from a GitHub-hosted CSV file and includes axis labels for Time and Total Dead and Missing.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

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

Missing Migrants Scatter Plot

This scatter plot visualizes monthly totals of dead and missing migrants, using D3 v5 to bin the data by reported date into monthly intervals. The visualization is built with React and renders as an SVG, combining a time-scaled x-axis and linear y-axis through `scaleTime`, `scaleLinear`, and histogram binning. Aggregated sums are plotted as circles, with the data sourced from a 2019 Missing Migrants Project CSV. Hovering over any circle reveals its exact value via a D3 tooltip.

Iiblub
92% match
Loading thumbnail…

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
92% match