Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants Scatter Plot Log Scale

✓ Published0🌍 Public
Pprint("Ayush")
Last edited May 7, 2024
Created on May 7, 2024

A scatter plot of the Missing Migrants Dataset depicts each event as a point, with the reported date on the x-axis and the total dead and missing on a logarithmic y-axis. The visualization uses React and D3 v5, employing `scaleTime` and `scaleLog` for the axes. Points are rendered as SVG circles with tooltips, and the code utilizes D3's `csv` loader to fetch data from a GitHub gist.

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 visualization is a scatter plot of the Missing Migrants Dataset, showing each reported event as a point with time on the x-axis and the total dead and missing count on the y-axis. The y-axis uses a logarithmic scale to accommodate the wide range of values. The chart is built with React and D3 v5, using `scaleTime` and `scaleLog` for the axes, and renders SVG circles with a native title tooltip. Data is loaded via `d3.csv` from a GitHub gist.

JJenny
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 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, 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
96% 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
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 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
96% 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
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. 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