Skip to main content
SimilarExport ZIP
100%

Missing Migrants Histogram

✓ Published0🌍 Public
GGokulkrishnan1996
Last edited Jul 11, 2022
Created on Jul 11, 2022

This visualization displays the Missing Migrants Dataset as a scatter plot, where each point represents a reported migrant death or disappearance event, plotted by date on the x-axis against the total dead and missing count on the y-axis. A tooltip reveals each point’s date. Built with React and rendered as SVG, the visualization uses D3 v5 functions including `scaleTime`, `scaleLinear`, `extent` for axis scaling, and `csv` for data loading. The code defines reusable axis components with `AxisBottom` and `AxisLeft`, and a `Marks` component mapping data points to circles with a fixed radius of 2 pixels.

AI-generated description

A scatter plot of the Missing Migrants Dataset.

Each point in the plot represents a single event.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants Scatter Plot

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single migration incident. The x-axis maps the reported date using a time scale, while the y-axis uses a logarithmic scale to show the total dead and missing, with hover tooltips displaying the exact date. Built with React and D3 v5, the visualization renders as an SVG, using `scaleTime`, `scaleLog`, and `extent` from D3 to compute scales and domains. The code loads the dataset via D3's `csv` function and uses custom React components for axes and marks.

Mmarianamartins87
94% 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
94% 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
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 Log Scale

This scatter plot visualizes the Missing Migrants Dataset, with each point representing a single migration event. The x-axis shows the reported date using a time scale, while the y-axis uses a logarithmic scale to display the total dead and missing count, ranging from 1 to the maximum value. The visualization is built with React and D3 v5, using SVG rendering. The code defines custom axis components (AxisBottom and AxisLeft) and a Marks component that renders circles with tooltips showing the exact date. The data is loaded from a CSV file using D3's csv parser.

Wwindwaver
93% match
Loading thumbnail…

Missing Migrants Scatter Plot

This scatter plot visualizes the Missing Migrants Dataset, where each point represents a single migration event, plotting reported dates against the total number of dead and missing. The visualization uses React with D3 v7 scales (scaleTime and scaleLinear) to map data to SVG circles. The code loads data via d3.csv and renders axes using custom React components, with tooltips provided through SVG title elements on each circle.

JJoe Hutchins
93% match
Loading thumbnail…

Missing Migrants Scatter Plot

A scatter plot of the Missing Migrants Dataset, where each point represents a single migration event and shows the reported date of the event against the total number of dead and missing. The visualization uses D3 scales (scaleTime, scaleLinear) to map data to SVG coordinates, with React components rendering the axes and circular marks. Native SVG `<title>` elements provide simple tooltips displaying the formatted date, while the dataset is loaded via D3's CSV parser.

KKolezhannochka
93% match
Loading thumbnail…

Missing Migrants Scatter

A scatter plot of the Missing Migrants Dataset shows each migrant death or disappearance event as a circle on a logarithmic scale, with time on the x-axis and total dead and missing on the y-axis. The visualization uses React and D3 v6, employing `scaleTime` and `scaleLog` for its axes, with SVG rendering for the marks. Data is loaded via `d3.csv`, and each point includes a tooltip displaying its formatted date.

AAnthony Ynami
93% match