Skip to main content
SimilarExport ZIP
100%

Migrant Deaths

✓ Published2🌍 Public
Ffjvoris
Last edited Mar 6, 2023
Created on Mar 6, 2023
Forked from Timeseries Plot

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.

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

Migrant Chart

This chart displays the total number of dead and missing migrants over time, using a scatter plot where each point represents a reported date and its corresponding death toll. The visualization loads data from a CSV file using D3’s `csv` utility and React state, then renders the chart with SVG elements. The x-axis employs `scaleTime` with a formatted date tick label, while the y-axis uses `scaleLinear` to map the count values. The React components for axes and data marks are built with `d3` utilities and styled via Poppins font and custom CSS classes.

Jjbruzzo
92% match
Loading thumbnail…

Migrant

This visualization shows the total number of dead and missing migrants over time in 2019, plotted as a scatterplot of individual data points on an SVG canvas. Each circle represents a reported incident, with its position determined by the reported date on the x-axis and the total dead and missing count on the y-axis. The chart includes labeled axes and tick marks, styled with a custom color palette. Built with React and D3 v5, the code uses `scaleLinear`, `scaleTime`, and `extent` to compute scales, while the data is loaded via `csv` from a URL and processed in the custom `useData` hook.

MMark Lam
92% match
Loading thumbnail…

Missing Migrants Scatter Plot

A scatter plot visualizes reported migrant deaths and disappearances over time, with each circle representing a single event from the Missing Migrants Dataset. The x-axis maps dates using a time scale, while the y-axis maps death tolls with a linear scale. Built with React and D3 v5, the code uses `scaleTime`, `scaleLinear`, `extent`, and `timeFormat` to construct SVG axes and marks, with tooltips showing precise dates via `<title>` elements.

DDanier
92% match
Loading thumbnail…

Migrant Months

This scatterplot displays the relationship between reported dates and the total number of dead and missing migrants, with each circle representing an individual incident. The visualization uses React to render SVG circles positioned through D3's `scaleTime` and `scaleLinear` scales, with axes generated by custom components. Data comes from a CSV file containing global migrant incidents, loaded via D3's `csv` parser, and the chart includes tooltips showing exact dates on hover. The minimalist design uses a teal mark color and the Inter font for clear readability.

MMark Lam
92% match
Loading thumbnail…

Missing Migrants Part I

This scatterplot visualizes the total number of dead and missing migrants over time, with each circle representing a reported incident date and casualty count. The visualization uses React to render SVG elements, with D3 scales (scaleTime, scaleLinear) mapping data to axes. The code loads CSV data via d3.csv, applies custom tick formatting with timeFormat, and renders axes through reusable AxisBottom and AxisLeft components. Circle marks are drawn using D3's data-binding approach within a React component structure, styled with a teal fill color.

WWaseem Medhat
91% match
Loading thumbnail…

Missing Migrant Part I

A scatter plot displays the total number of dead and missing migrants over time, with each circle representing a reported incident. The visualization uses React to render an SVG, employing d3.scaleTime and d3.scaleLinear for axes, with d3.csv loading data from the Data Canvas Sense Your City Dataset. Circles are positioned using d3's scale functions, while tooltips reveal exact dates via d3.timeFormat.

Aadewole-top
91% match