100%

Migrant

✓ Published1🌍 Public

Last edited Aug 12, 2021

Created on Aug 12, 2021

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.

AI-generated description

Axes with 3D

MIT Licensed

Similar vizzes

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

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

93% match

Loading thumbnail…

Missing Migrants

This visualization plots the number of dead and missing migrants over time, with each circle representing a reported incident. The y-axis shows the total dead and missing, while the x-axis displays dates using `scaleTime` and `timeFormat`. The data comes from a CSV file of Missing Migrants Global records. React manages the component state, while D3 v5 functions like `csv`, `scaleLinear`, and `extent` handle data loading and scaling. The chart renders as an SVG with custom axes and marks components.

MMark Lam

93% match

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

92% match

Loading thumbnail…

Missing migrants

This visualization displays the number of dead and missing migrants reported over time, plotting each report as a dot on a scatter plot with a time-based x-axis and a linear y-axis for the count. The chart uses a React component structure, with D3 utilities like `scaleTime`, `scaleLinear`, and `extent` from d3 to compute scales and domains, while SVG elements render the points and axes. Data is loaded asynchronously via d3's `csv` function from a remote source, and the graph includes axis labels, tick marks, and tooltip functionality on each circle.

LLewis Ward

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

92% match

Loading thumbnail…

Missing Migrant Data Part 1

This example shows a scatter plot of total dead and missing migrants over time in 2019, with each point representing a reported incident. The visualization uses React to render SVG circles and D3 v5 scales (scaleTime, scaleLinear) to map date and counts. Axes are custom components built with D3 tick rendering, and data loading uses the d3.csv function.

Nnpelliccia

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

92% match