Migrant Deaths (Log Scale)

100%

Migrant Deaths (Log Scale)

✓ Published0🌍 Public

Last edited Mar 9, 2023

Created on Mar 9, 2023

This example visualizes reported migrant deaths and disappearances over time, plotting each incident as a point on a scatterplot with a logarithmic y-axis for the total dead and missing. The visualization uses React to render SVG circles, with D3’s `scaleTime`, `scaleLog`, `extent`, and `timeFormat` utilities to position axes and ticks. Data is loaded as CSV via `d3.csv` from a remote gist, and hovering reveals the incident’s report date through the native SVG `<title>` tooltip.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!

MIT Licensed

Similar vizzes

Loading thumbnail…

Migrant Deaths

A scatterplot visualizes reported migrant deaths over time, with each circle representing a date and the total number of dead and missing. The visualization uses D3 utilities (`scaleTime`, `scaleLinear`, `extent`, `timeFormat`) to compute scales and axes while React renders SVG elements. Data is loaded via D3’s `csv` from a Missing Migrants Project subset, with axes and circles styled subtly.

Ffjvoris

94% match

Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes reported migrant deaths and disappearances over time, with each circle representing a single event. The y-axis uses a logarithmic scale to accommodate the wide range in casualty counts, while the x-axis maps dates. Built with React and D3 v5, the visualization uses `scaleTime` for the time axis, `scaleLog` for the logarithmic scale, and SVG circles rendered through custom React components. Data comes from the Missing Migrants Dataset, fetched via D3’s `csv` loader and parsed with a custom row function.

CCurran Kelleher

93% 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

93% match

Loading thumbnail…

Log Scale

This example visualizes reported migrant deaths over time, using a logarithmic y-scale to accommodate the wide range of total dead and missing counts. The scatter plot shows each reported date on the x-axis and the corresponding death toll on the y-axis, with points rendered as SVG circles. Built with React and D3 v5, it uses `scaleLog` for the y-axis, `scaleTime` for the x-axis, and the `csv` loader to fetch data from a GitHub gist. Axes are custom React components, and data is binned via `d3.histogram` for tick generation.

WWaseem Medhat

91% 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

91% match

Loading thumbnail…

Migrant Deaths

A line chart displays the total number of dead and missing migrants over time, with each reported date plotted along the x-axis and the corresponding death count on the y-axis. The visualization uses React with D3 v7, employing `scaleTime`, `scaleLinear`, `line`, and `curveCardinal` to generate the smooth path and individual data points. Data is loaded from a CSV file containing global migrant incidents. Small circles with tooltips on hover provide additional details for each date.

JJohn Lewis

90% match

Loading thumbnail…

Migrant Chart Log Scale

This visualization plots the total number of dead and missing migrants over time, using a logarithmic y-axis to accommodate the wide range of values in the dataset. The chart displays individual data points as circles, with tooltips showing the exact reported date for each point. Built with React and D3 v7, the code uses scaleTime and scaleLog for the axes, while the data is loaded asynchronously via d3.csv from a Missing Migrants subset. The SVG rendering includes custom axis components and styled tick marks.

Jjbruzzo

90% match

Loading thumbnail…

Missing Migrants Log scale scatterplot

This chart plots every reported migrant death or disappearance event in 2019 over time, using a log-scale y-axis to display both small and large casualty counts clearly. Each circle marks a single incident, with a native SVG `<title>` tooltip showing its exact date on hover. The visualization is built with React and D3 v5, using `scaleTime` and `scaleLog` for axes, and reads data from the Missing Migrants Project global subset CSV. The SVG rendering uses D3 tick generators and interactive hover via tooltips.

SSuperShreejit

90% match