Skip to main content
SimilarExport ZIP
100%

Missing Migrants : Part 1

✓ Published1🌍 Public
Zzeeeeem
Last edited Oct 27, 2022
Created on Oct 27, 2022

This scatter plot visualizes the relationship between reported dates and the total number of dead and missing migrants from a Dataset on Missing Migrants. The x-axis displays time using a time scale, while the y-axis shows the count of missing individuals on a linear scale. The visualization is built with React and D3 v5, using `scaleTime` and `scaleLinear` for axes, with circles rendered as SVG marks that include tooltips showing formatted dates. Data is loaded via `d3.csv` from a gist-hosted CSV file.

AI-generated description

A scatter plot of the Data Canvas Sense Your City Dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants

This scatterplot visualizes reported dates versus total dead and missing migrants, with each circle representing a data point and hovering to reveal the exact date. The visualization is built with React and renders as an SVG using D3 v5’s `scaleTime`, `scaleLinear`, `extent`, and `timeFormat` functions for axes and ticks. Data is loaded via `d3.csv` from a GitHub-hosted subset of the Missing Migrants dataset, and the circles are colored teal with a Poppins font for labels.

NNikhil Reddy Manda
94% match
Loading thumbnail…

Missing Migrants (part 1)

This scatterplot displays the total number of dead and missing migrants per incident over the course of 2020, using data from the Missing Migrants Project. Each circle represents an incident, positioned by its date on the x-axis and the death toll on the y-axis, with a tooltip showing the month. Built with React and D3 v7, the visualization uses `scaleTime` for the date axis, `scaleLinear` for the count, and SVG rendering. The dataset is loaded via `d3.csv` from a GitHub-hosted CSV file.

JJun Suzuki
94% match
Loading thumbnail…

Missing Migrants Scatter Plot

This interactive scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single reported incident. The x-axis maps the reported date using a time scale, while the y-axis shows the total number of dead and missing individuals on a linear scale. Built with React and D3.v5, the visualization renders SVG circles with tooltips that display the date on hover. The code utilizes D3’s `scaleTime`, `scaleLinear`, `extent`, and `timeFormat` APIs, along with the `csv` function to load the data from a GitHub gist. Axes are constructed from reusable React components, and the plot includes clearly labeled axes for time and casualty counts.

CCurran Kelleher
93% match
Loading thumbnail…

Missing Migrants Scatter Plot

This scatter plot visualizes the Missing Migrants Dataset, with each point representing a single event where the reported date is plotted against the total number of dead and missing. The visualization uses D3 version 5 for scales and formatting, specifically `scaleTime`, `scaleLinear`, `extent`, and `timeFormat`, while rendering as an SVG within a React application. Data is loaded via D3’s `csv` function from a GitHub-hosted CSV file. The circles, axes, and tick marks are all generated using React components, with tooltips showing the formatted date using `timeFormat`.

Ssophburke
93% match
Loading thumbnail…

Missing Migrants Data Part I

A scatter plot displays the relationship between reported date and total dead and missing migrants from the Missing Migrants Global dataset. The visualization uses React components to render SVG circles, with d3.scaleTime and d3.scaleLinear mapping the data dimensions to pixel coordinates. The code implements reusable AxisBottom, AxisLeft, and Marks components, with d3.csv loading the data and d3.timeFormat handling date tick labels.

MMilena Belianovich Holtman
93% match
Loading thumbnail…

Missing Migrant Data Scatter Plot

This scatter plot visualizes the relationship between reported dates and the total number of dead and missing migrants, with each circle representing an incident. The data comes from a CSV file of Missing Migrants Global records loaded via `d3.csv`. The visualization uses React with D3 v7's `scaleTime`, `scaleLinear`, `extent`, and `max` to map the temporal and numerical axes, while custom axis components render SVG ticks. Circles are positioned using the x and y scales, with native SVG `<title>` elements providing tooltips on hover.

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

Missing Migrants Scatter Plot

This interactive scatter plot visualizes the Missing Migrants Dataset, where each circle represents a single migration event, plotted by reported date on the x-axis and total dead and missing on the y-axis. The visualization uses React with D3 v5 scales and tick generators, rendering marks as SVG circles with hover tooltips showing the exact date. The y-axis uses a linear scale to show casualty counts, while the x-axis employs D3's time-based `scaleTime` for chronological ordering. Data is loaded asynchronously from a CSV file using D3's `csv` parser.

MMohammed Banani | MbDev
93% match