Missing Migrants Scatter Plot Log Scale

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants dataset, showing each reported incident as a circle positioned by date on the x-axis and the total dead and missing on a logarithmic y-axis. The visualization uses a log scale to accommodate the wide range of casualty counts, with hover tooltips revealing exact dates. Built with React and d3.v5, the code employs `scaleLog` for the y-axis, `scaleTime` for the x-axis, and SVG rendering for the marks and axes, with data loaded from a CSV using `csv()`.

Aazharahmad0

Missing Migrants Scatter Plot - Log Scale

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single event. The x-axis encodes the reported date on a time scale, while the y-axis uses a logarithmic scale to display the total dead and missing, compressing the wide range of values. The visualization is built with React and D3 v5, using `scaleTime` for dates, `scaleLog` for the logarithmic y-axis, and SVG circles rendered via React components.

KKai Stewart

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, 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

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, where each point represents a single migrant incident positioned by reported date on the x-axis and total dead or missing count on the y-axis. The y-axis uses a logarithmic scale to accommodate extreme variations in incident severity. Built with React and D3 v5, the visualization employs d3.scaleTime, d3.scaleLog, d3.extent, and d3.max for scale construction, rendering SVG circles with tooltips that display formatted dates.

LLaura Johnson

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, 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 interactive scatter plot visualizes the Missing Migrants Dataset, where each point represents a single event and shows the number of dead or missing individuals over time. The visualization uses a log scale on the y-axis to accommodate the wide range of values, with a time-based x-axis formatted as dates. Built with React and D3 v5, it renders as SVG and employs `scaleLog`, `scaleTime`, and `extent` from D3, with custom axis components and circle marks that display tooltips on hover.

Ttrissentety