100%

Missing Migrants

✓ Published0🌍 Public

Last edited Oct 15, 2021

Created on Oct 15, 2021

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.

AI-generated description

Axes with 3D

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing and dead migrants I

This visualization plots the number of dead and missing migrants over time, using a line chart with circular markers for each reported incident. The chart is built with React and rendered as SVG, with scales from d3.scaleTime and d3.scaleLinear, and lines generated via d3.line with curveNatural interpolation. Data comes from the Missing Migrants Project subset, loaded with d3.csv. The axes are custom React components, and tooltips show the reported date for each point.

Ssmile2git

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

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

94% match

Loading thumbnail…

Missing Migrants Part II

This visualization plots the number of dead and missing migrants over time, using a scatter plot to show each reported incident. The x-axis represents the reported date, while the y-axis shows the total dead and missing count. The chart uses React to render SVG elements, with D3.js v5 providing scales and axes. The code employs `scaleTime` and `scaleLinear` for axis scaling, `extent` to find data domains, and `histogram` to bin the data, though only the raw scatter points are displayed via the `Marks` component. Data is loaded from a CSV file.

WWaseem Medhat

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

93% match

Loading thumbnail…

Missing Migrants Scatter Plot

This scatter plot displays reported incidents of missing migrants over time, with each circle representing a reported date and the corresponding total number of dead and missing individuals. The visualization uses React to render SVG elements, while D3 v5 handles data loading via `csv()` and scales with `scaleTime()` and `scaleLinear()`. Custom axis components generate the time-based x-axis with formatted date ticks and a linear y-axis, with tooltips revealing exact dates for each data point. The dataset comes from a CSV file of global missing migrant reports.

Eelena

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

92% match

Loading thumbnail…

Missing Migrants

An interactive bar chart visualizes the number of dead and missing migrants over time, with monthly bins along the x-axis and the total count on the y-axis. The visualization uses React to render SVG elements, with D3 v5 functions like `scaleTime`, `scaleLinear`, `histogram`, and `sum` to process and aggregate the data. Data is loaded from a CSV via `d3.csv`, and the chart includes axis components and tooltips showing the exact count per bin.

Ppnlinyz

92% match