Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants Scatter Plot Log Scale

✓ Published1🌍 Public
MMatias Conde
Last edited Oct 9, 2023
Created on Oct 9, 2023

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.

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

A scatter plot visualizes the Missing Migrants Dataset, where each circle represents a single migration event. The x-axis shows the reported date using a time scale, while the y-axis displays the total dead and missing on a logarithmic scale, making small and large values comparable. The visualization is built with React and D3 v5, using `scaleLog`, `scaleTime`, and `extent` for scales. SVG circles are rendered with tooltips via the `<title>` element, with axes drawn from `AxisBottom` and `AxisLeft` components, styling marks in teal.

RRoberto
97% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot Log Scale

A scatter plot of the Missing Migrants Dataset displays each migrant event as a circle, with time on the x-axis and the total dead and missing on a logarithmic y-axis. The visualization uses React components for the axes and marks, with D3 v5 functions like `scaleLog`, `scaleTime`, and `csv` for data loading. SVG circles include a `<title>` element for tooltips, while axis labels and ticks are rendered explicitly.

Ttopnep
97% 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
97% 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. The x-axis maps time using a time scale, while the y-axis uses a log scale to show the total number of dead and missing, compressing large values. The React application renders SVG circles, axes, and labels, with D3 v5 handling data loading via `csv()`, scaling through `scaleTime()` and `scaleLog()`, and axis tick generation.

DDaniel Zsido
97% 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
97% 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. 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
97% match
Loading thumbnail…

Fork of Fork of Missing Migrants Scatter Plot Log Scale

This interactive scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single migrant incident. The x-axis maps the reported date on a time scale, while the y-axis uses a logarithmic scale for the total number of dead and missing, allowing for comparison across a wide range of magnitudes. Built with React and D3 v5, the visualization renders as an SVG using `scaleTime` and `scaleLog` for axes, with hover tooltips providing exact dates. The data is loaded from a CSV via D3’s `csv` function.

MMatias Conde
97% 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. The x-axis maps reported dates over time, while the y-axis uses a logarithmic scale to display total dead and missing counts, compressing the wide range of values. Built with React and D3 v5, the visualization uses `scaleTime`, `scaleLog`, and `scaleLinear` for axis construction, with SVG circles rendered through the `Marks` component. The `AxisBottom` and `AxisLeft` components generate tick marks and labels, while hover tooltips reveal exact dates via the `<title>` element.

Eevers-codeshop-ai
96% match