Fork of Missing Migrants Scatter Plot

Fork of Missing Migrants Scatter Plot

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single migration-related incident. The x-axis maps the reported date over time, while the y-axis shows the total number of dead and missing individuals. The visualization uses React components to render SVG elements, with D3 v5 scales (scaleTime and scaleLinear) handling the coordinate mappings. Axis and mark components are built as reusable React functions, and the data is loaded asynchronously via D3’s csv parsing.

Cchar0496

Fork of Missing Migrants Scatter Plot

This scatter plot visualizes events from the Missing Migrants Dataset, where each circle represents a single incident. The x-axis maps the reported date in time, while the y-axis shows the total number of dead and missing. The visualization uses React with D3 v5 scales (d3.scaleTime and d3.scaleLinear) to position SVG circles. Axes are rendered as custom components (AxisBottom and AxisLeft), with tick marks styled in the page's CSS. Tooltips display the formatted date via a `<title>` element inside each circle.

Iilisiemarcussilviu

Fork of Missing Migrants Scatter Plot

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 visualization uses a logarithmic y-scale to accommodate the wide range of values and a time scale for the x-axis, with native SVG `<circle>` elements rendered via React. The code leverages d3’s `scaleTime`, `scaleLog`, `csv`, and `extent` functions to load and transform the data, while custom React components (AxisBottom, AxisLeft, Marks) handle the axis ticks and data point rendering.

AAravind Shenoy

Fork of Missing Migrants Scatter Plot

This interactive scatter plot displays the Missing Migrants Dataset, with each circle representing a single migration event. The x-axis shows the reported date on a time scale, while the y-axis uses a logarithmic scale to display the total number of dead and missing individuals. The visualization is built with React and D3 v5, using the `scaleTime` and `scaleLog` functions for axis scaling and SVG circles for data points. Hovering over a circle reveals the exact date via an SVG `<title>` tooltip.

NNikita Toropov

Fork of Missing Migrants Scatter Plot

This interactive scatter plot visualizes the Missing Migrants Dataset, where each point represents a single reported migration event with its date on the x-axis and total dead or missing on the y-axis. The visualization uses React for component structure and d3-scale functions including scaleTime and scaleLog for axis construction. SVG circles render each data point with a native title tooltip, while custom AxisBottom and AxisLeft components generate the tick marks and labels. The data is loaded asynchronously via d3.csv from a GitHub gist, with the log-scaled y-axis accommodating the wide range of casualty counts.

Wweny1109

Fork of Missing Migrants Scatter Plot

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 number of dead and missing individuals. Built with React and D3 v5, the visualization uses `scaleTime` and `scaleLinear` to map data to SVG coordinates, with custom `AxisBottom` and `AxisLeft` components rendering ticks and labels. Circle marks include native SVG `<title>` tooltips showing formatted dates.

RRoberto

Fork of Missing Migrants Scatter Plot

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 shows the total number of dead and missing individuals. The visualization uses React and d3.v5, employing `scaleTime` and `scaleLinear` for axes, and rendering marks as SVG circles with native `<title>` tooltips. Data is loaded asynchronously via d3’s `csv` function from a GitHub-hosted CSV file.

Eevers-codeshop-ai

Fork of Missing Migrants Scatter Plot

This scatter plot visualizes the Missing Migrants Dataset, with each point representing a single event. The x-axis encodes the reported date as time, while the y-axis shows the total number of dead and missing individuals. The example uses React with D3 v5’s scaleTime and scaleLinear for axis scaling, and renders SVG circles via the D3 csv loader. Native SVG `<title>` tags provide tooltip information on hover.

PPratik Raja