Missing Migrants Project - Part 1 - loading data

100%

Missing Migrants Project - Part 1 - loading data

✓ Published1🌍 Public

Last edited Oct 16, 2022

Created on Oct 14, 2022

This visualization displays a scatterplot of data from the Missing Migrants Project, plotting reported dates on the x-axis against total dead and missing counts on the y-axis. The code uses React to render SVG circles, with d3.csv loading the dataset and d3.scaleTime and d3.scaleLinear constructing the axes. d3.timeFormat formats the date labels, while the extent function determines the domains for both scales. The graph shows a loading state until the asynchronous data fetch completes.

AI-generated description

A program that loads and visualizes some data

MIT Licensed

Similar vizzes

Loading thumbnail…

Analyzing Missing Migrants - Part I

This visualization shows the Missing Migrants Project data as a scatter plot, with reported dates on the x-axis and total dead and missing counts on the y-axis. Each circle represents an incident, with a tooltip revealing the precise date on hover. Built with React and D3 v6, the code uses `scaleTime` and `scaleLinear` to map the data, while custom components `AxisBottom`, `AxisLeft`, and `Marks` render the SVG axes and circles. The CSV data is loaded asynchronously via D3’s `csv` function and parsed with a custom date formatter.

WWolfgang

91% match

Loading thumbnail…

Missing Migrants : Part 1

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.

Zzeeeeem

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

90% match

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

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

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

90% match

Loading thumbnail…

Dataviz 2020_Ep38 - 30. Missing Migrants1 - Loading and Visualizing Data

This scatter plot displays reported dates of missing migrant incidents against the total number of dead and missing individuals. The visualization uses React with SVG rendering, employing d3.scaleTime and d3.scaleLinear for axes, while d3.csv loads the Missing Migrants Global 2019 subset dataset. Custom AxisBottom, AxisLeft, and Marks components render the circles with tooltips using d3.timeFormat.

MMinwoo Pak

90% match