Missing migrants scatter plot logscale

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

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 dead and missing using a log scale to accommodate the wide range of values. Built with React and D3 v5, the visualization uses `scaleTime` and `scaleLog` for axes, alongside custom `AxisBottom`, `AxisLeft`, and `Marks` components. The code leverages D3's `csv` loader to fetch data and renders interactive tooltips via the SVG `title` element.

RRMartins11

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 reported dates using a time scale, while the y-axis uses a logarithmic scale to display the total number of dead and missing, compressing large values for clarity. Built with React and rendered as SVG, the visualization uses d3.scaleLog, d3.scaleTime, and d3.csv for data loading. Axis components are custom React functions that generate tick marks and labels, with tooltips on each circle showing the exact date.

Jj-PGi

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

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single migrant incident. The x-axis shows the reported date on a time scale, while the y-axis displays the total dead and missing on a logarithmic scale. The visualization uses React with D3 v5, employing scaleTime for dates and scaleLog for the numeric axis, with SVG circles rendered through custom React components. Hovering over a circle reveals the exact date via a tooltip.

Vvmonney

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, with each point representing a single event. The x-axis encodes reported dates as a time scale, while the y-axis uses a log scale for total dead and missing counts. Built with React and D3 v5, it renders as an SVG using `scaleTime`, `scaleLog`, and `extent`. Native SVG `<title>` elements provide tooltips. Axes are custom components (`AxisBottom`, `AxisLeft`) that generate ticks and gridlines from the scales.

KKolezhannochka

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