Missing Migrants Scatter Plot Log Scale

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

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 encodes the reported date using a time scale, while the y-axis uses a logarithmic scale to show the total number of dead and missing individuals. The visualization is built with React and D3 v5, using `scaleTime`, `scaleLog`, and `extent` to compute scales, and custom SVG components for axes and marks. Data is loaded asynchronously via `d3.csv` from a GitHub gist, with each point rendered as a circle containing a tooltip.

CChris Briggs

Missing Migrants Scatter Plot Log Scale

This visualization displays the Missing Migrants Dataset as a scatter plot, where each point represents a single migration event. The x-axis encodes the reported date using a time scale, while the y-axis uses a logarithmic scale to show the total dead and missing count. The chart is built with React and D3 v5, using scaleTime and scaleLog for the axes, with SVG circles rendered by a custom Marks component. Tooltips show the full date via native SVG titles.

MMichael Bruno

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 maps the reported date using a time scale, while the y-axis uses a logarithmic scale to display the number of dead and missing individuals. Built with React and D3 v5, the visualization renders SVG circles for each data point, using helper components for axes and marks, and includes tooltips showing the full event date on hover.

BBen Brophy

Missing Migrants Scatter Plot Log Scale

A scatter plot visualizes the Missing Migrants Dataset, with each point representing a single event. The x-axis maps reported dates using a time scale, while the y-axis uses a log scale for total dead and missing counts, enabling comparison across vastly different magnitudes. The visualization is built with React and D3 v7, using SVG rendering and custom axis components. Data is loaded asynchronously via d3.csv, with marks rendered as circles featuring tooltips that display formatted dates.

JJoe Hutchins

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, with each point representing a single event. The x-axis maps reported dates using a time scale, while the y-axis uses a logarithmic scale to show total dead and missing, effectively handling the wide range of values. Built with React and D3 v5, the visualization uses SVG rendering with custom AxisBottom, AxisLeft, and Marks components. The logarithmic scale compresses large numbers, making it easier to compare events of varying severity across time.

Ppranav-vis

Missing Migrants Scatter Plot Log Scale

This visualization uses a scatter plot to display the Missing Migrants Dataset, with each point representing a single event where the x-axis shows the reported date and the y-axis shows the total dead and missing. The y-axis uses a logarithmic scale to handle the wide range of values, from 1 to the maximum in the dataset. The implementation leverages React with D3 v5 APIs such as `scaleTime`, `scaleLog`, `extent`, and `timeFormat`, rendering the chart as SVG with custom axis components and marks.

AAlex Stulov

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, showing 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 D3 v5 scaling functions, including `scaleTime` and `scaleLog`, to map the data to SVG coordinates within a React component. Individual data points are rendered as circles via the `Marks` component, with tooltips revealing the exact date on hover.

MMichael Bergerson