Bubble Migrant Death Data (Log Scale)

100%

Bubble Migrant Death Data (Log Scale)

✓ Published1🌍 Public

Last edited Apr 6, 2021

Created on Mar 23, 2021

This chart plots migrant deaths and disappearances over time, with the y-axis on a logarithmic scale to handle a wide range of values. The visualization uses D3 v6’s `scaleTime` and `scaleLog` to map the date and casualty counts, rendering each incident as a small circle in an SVG. Data comes from a CSV subset of the Missing Migrants Project, loaded via D3’s `csv` function. React manages the component state, while custom `AxisBottom`, `AxisLeft`, and `Marks` components handle the axes and circle glyphs.

AI-generated description

Scatter Plot with time series data. All date and time data needs to follow (ISO 8601) time and date formatting for proper plotting. [https://en.wikipedia.org/wiki/ISO_8601].

MIT Licensed

Similar vizzes

Loading thumbnail…

Bubble Migrant Death Data

This visualization plots the number of migrant deaths and disappearances over time, using a logarithmic y-scale to accommodate the wide range of reported totals. Each circle represents an individual report, with its position determined by the reported date on the x-axis and the total dead and missing on the y-axis. The chart is built with React and D3 v6, using `scaleTime`, `scaleLog`, and `extent` for scales and domains, and renders as SVG with custom `AxisBottom`, `AxisLeft`, and `Marks` components. Data comes from a CSV of Missing Migrants Global records, loaded via `d3.csv`.

AAndres de la Garza

96% match

Loading thumbnail…

Migrant Deaths (Log Scale)

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.

Ffjvoris

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

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

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

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

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

84% match

Loading thumbnail…

Missing Migrants (Log Scale)

The visualization displays the total dead and missing migrants over time on a logarithmic y-axis, with each circle representing a report date. Time runs along the x-axis via d3.scaleTime, while d3.scaleLog compresses the wide range of person counts. React components render SVG circles wrapped in d3.v7 scales, with axis components formatting ticks and a tooltip showing the full date. Data comes from a CSV file loaded asynchronously via d3.csv in a custom useData hook.

ZZoe Ferencova

84% match