Analyzing Missing Migrants - Part I

100%

Analyzing Missing Migrants - Part I

✓ Published2🌍 Public

Last edited Apr 5, 2021

Created on Apr 5, 2021

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.

AI-generated description

Analyzing Missing Migrants Part I - Loading & Visualizing the Data

A scatter plot of Missing Migrants Project.

MIT Licensed

Similar vizzes

Loading thumbnail…

Analyzing Missing Migrants. Part I Loading & Visualization the Data

This scatter plot visualizes the relationship between the reported date and the total number of dead and missing migrants, using data from the Missing Migrants Global 2019-10-08 subset. Each circle represents an incident, with tooltips showing the exact date. The visualization is built with React and d3.v7, using scaleTime for the x-axis, scaleLinear for the y-axis, and the extent function to compute domains. The SVG rendering includes custom AxisBottom and AxisLeft components for tick marks.

OOleg Zhernovoy

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

93% match

Loading thumbnail…

Analyzing Missing Migrants. Part I Loading & Visualization the Data (LogScale)

This example visualizes missing migrant statistics as a scatter plot, where each point represents a reported incident, plotting the reported date on the x-axis against the total dead and missing on a logarithmic y-axis. The visualization uses D3 v7’s `scaleTime` and `scaleLog` for axes and data mapping, with React components handling the rendering of SVG marks and axis ticks. The data is loaded asynchronously via D3’s `csv` parser from a GitHub-hosted CSV file, and a hover tooltip displays the full date for each point.

OOleg Zhernovoy

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

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

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

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

92% match