Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants Scatter Plot Log Scale

✓ Published0🌍 Public
Bbillmccabeusa@hotmail.com
Last edited Dec 1, 2024
Created on Dec 1, 2024

This fork of the Missing Migrants scatter plot visualizes individual migration-related death events over time. Each circle represents one event, with the reported date on the x-axis and the total dead and missing on a log-scaled y-axis. Built with React and D3 v5, it uses `scaleTime` and `scaleLog` for axes and renders SVG circles. The code loads data via `csv` from a GitHub gist, with axes constructed from reusable components and tooltips provided by SVG `<title>` elements.

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…

Fork of Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single migration event. The x-axis maps reported dates over time, while the y-axis uses a log scale to show total dead and missing counts, making small and large values comparable. Built with React and D3 v5, the visualization leverages `scaleTime`, `scaleLog`, and `extent` to set scales and domains. SVG rendering handles the marks and axes, with tooltips formatted via `timeFormat` to show exact dates on hover. The data loads asynchronously from a GitHub-hosted CSV file using `csv`.

YYedrup
96% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single migration event plotted by date on the x-axis and total dead or missing on a logarithmic y-axis. The visualization uses React with D3 v5 scales, including `scaleTime` and `scaleLog`, to map data from a CSV loaded via the `csv` function. SVG circles are rendered through React components for axes and marks, with tooltips showing formatted dates. The log scale compresses large casualty counts while preserving detail for smaller events.

Ssophievanderhorst
95% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot Log Scale

A scatter plot of the Missing Migrants Dataset shows individual migration events over time, with each circle representing a single event’s reported date on the x-axis and total dead or missing on a logarithmic y-scale. The visualization uses React to render SVG circles and axes, leveraging D3 v5’s `scaleTime`, `scaleLog`, `csv`, and `extent` APIs for data loading, scaling, and tick generation, with native SVG `<circle>` elements and `<title>` tooltips for interactivity.

MMatias Conde
95% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single event. The x-axis shows reported dates over time, while the y-axis displays the total number of dead and missing individuals using a logarithmic scale, which compresses large values for better comparison. The visualization is built with React and D3 v5, using `scaleTime` and `scaleLog` for the axes, and SVG circles with tooltips for interactivity. The data is loaded asynchronously from a CSV file hosted on GitHub.

Cchar0496
95% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot Log Scale

This visualization displays the Missing Migrants Dataset, plotting each reported incident by date along the x-axis and the total dead and missing on a logarithmic y-axis. The scatter plot uses small circles to represent individual events, revealing patterns in migration-related fatalities over time. Built with React and rendered as SVG, the code employs D3 v5 APIs including `scaleLog`, `scaleTime`, `extent`, and `max` to handle data scaling, while custom components (`AxisBottom`, `AxisLeft`, `Marks`) generate the interactive chart with tooltips.

RRay Yang
95% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot

This fork of the Missing Migrants scatter plot visualizes individual migration-related events over time, mapping reported dates on the x-axis against total dead and missing counts on the y-axis. Built with React and rendered as SVG using d3.scaleTime and d3.scaleLinear, it loads data via d3.csv from a subset of the Missing Migrants Dataset. Each circle represents an event, with basic tooltips provided through SVG title elements and custom axis components generating ticks and labels.

RRupendra Pamisetty
95% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, showing each migration event as a point with reported date on the x-axis and total dead and missing on a log-scaled y-axis using d3.scaleLog and d3.scaleTime. The React-based visualization renders SVG circles and axes, with tick formatting via timeFormat and tooltips showing the full date. Axes are styled with custom tick marks, and the code includes a loading state while fetching the CSV data through d3.csv.

JJoldon
95% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, showing each migration event as a point with reported date on the x-axis and total dead and missing on a log-scaled y-axis using d3.scaleLog and d3.scaleTime. The React-based visualization renders SVG circles and axes, with tick formatting via timeFormat and tooltips showing the full date. Axes are styled with custom tick marks, and the code includes a loading state while fetching the CSV data through d3.csv.

JJoldon
95% match