Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants Scatter Plot Log Scale

✓ Published0🌍 Public
Eevers-codeshop-ai
Last edited Jun 20, 2021
Created on Jun 20, 2021

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.

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
98% 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
98% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot Log Scalefree

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single migration event. The x-axis shows reported dates over time, while the y-axis displays the total dead and missing on a logarithmic scale using d3.scaleLog. Built with React and d3.v5, the visualization renders SVG circles with tooltips showing formatted dates. The y-axis uses a log scale to accommodate the wide range of values in the dataset, while the x-axis employs d3.scaleTime with a monthly date format.

SSundaram Agnihotri
97% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, showing each recorded migration event as a point over time on the x-axis and the total dead and missing count on the logarithmic y-axis. The visualization uses React with D3 v5, employing `scaleTime` for the date domain and `scaleLog` to handle the wide range of casualty counts. SVG circles render each data point with a `title` element for tooltips, while custom `AxisBottom` and `AxisLeft` components generate the ticks and grid lines. The log scale compresses large values while revealing patterns in smaller incidents.

FFrederick O'Brien
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 and its position encoding the reported date on the x-axis and the total dead and missing on the y-axis. The y-axis uses a logarithmic scale (`d3.scaleLog`) to accommodate the wide range of values, while the x-axis uses a time scale (`d3.scaleTime`). The visualization is rendered as an SVG using React, with custom components for the axes and marks. Hovering over a circle displays the exact date via a `<title>` tooltip, and the data is loaded asynchronously using `d3.csv`.

JJean David
97% match
Loading thumbnail…

Fork of Missing Migrants Scatter Plot Log Scale

A scatter plot of the Missing Migrants Dataset visualizes each event by its reported date on the time axis and the total dead and missing on a logarithmic scale. The log scale compresses the wide range of casualty counts, making lower values more distinguishable. The visualization is built with React and D3 v5, using `scaleTime` and `scaleLog` for the axes, and renders data points as SVG circles. Axis ticks are generated by `AxisBottom` and `AxisLeft` components, with interactive tooltips provided by SVG `title` elements.

RRupendra Pamisetty
97% 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
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