Missing Migrants Part II

100%

Missing Migrants Part II

✓ Published0🌍 Public

Last edited Nov 14, 2020

Created on Nov 5, 2020

This visualization plots the number of dead and missing migrants over time, using a scatter plot to show each reported incident. The x-axis represents the reported date, while the y-axis shows the total dead and missing count. The chart uses React to render SVG elements, with D3.js v5 providing scales and axes. The code employs `scaleTime` and `scaleLinear` for axis scaling, `extent` to find data domains, and `histogram` to bin the data, though only the raw scatter points are displayed via the `Marks` component. Data is loaded from a CSV file.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants Part I

This scatterplot visualizes the total number of dead and missing migrants over time, with each circle representing a reported incident date and casualty count. The visualization uses React to render SVG elements, with D3 scales (scaleTime, scaleLinear) mapping data to axes. The code loads CSV data via d3.csv, applies custom tick formatting with timeFormat, and renders axes through reusable AxisBottom and AxisLeft components. Circle marks are drawn using D3's data-binding approach within a React component structure, styled with a teal fill color.

WWaseem Medhat

95% match

Loading thumbnail…

Missing migrants

This visualization displays the number of dead and missing migrants reported over time, plotting each report as a dot on a scatter plot with a time-based x-axis and a linear y-axis for the count. The chart uses a React component structure, with D3 utilities like `scaleTime`, `scaleLinear`, and `extent` from d3 to compute scales and domains, while SVG elements render the points and axes. Data is loaded asynchronously via d3's `csv` function from a remote source, and the graph includes axis labels, tick marks, and tooltip functionality on each circle.

LLewis Ward

94% match

Loading thumbnail…

Missing Migrants

This visualization plots the number of dead and missing migrants over time, with each circle representing a reported incident. The y-axis shows the total dead and missing, while the x-axis displays dates using `scaleTime` and `timeFormat`. The data comes from a CSV file of Missing Migrants Global records. React manages the component state, while D3 v5 functions like `csv`, `scaleLinear`, and `extent` handle data loading and scaling. The chart renders as an SVG with custom axes and marks components.

MMark Lam

93% match

Loading thumbnail…

Missing Migrants (Again)

This scatterplot visualizes the relationship between reported dates and the total dead and missing for migrants, using React and D3 v5. Each circle represents one incident, positioned by date on the x-axis and casualty count on the y-axis. The code builds scales with d3.scaleTime and d3.scaleLinear, renders axes through custom components, and loads CSV data via d3.csv. The SVG output applies a teal fill to marks and styled grid lines.

WWaseem Medhat

93% match

Loading thumbnail…

Missing Migrants (part 1)

This scatterplot displays the total number of dead and missing migrants per incident over the course of 2020, using data from the Missing Migrants Project. Each circle represents an incident, positioned by its date on the x-axis and the death toll on the y-axis, with a tooltip showing the month. Built with React and D3 v7, the visualization uses `scaleTime` for the date axis, `scaleLinear` for the count, and SVG rendering. The dataset is loaded via `d3.csv` from a GitHub-hosted CSV file.

JJun Suzuki

93% match

Loading thumbnail…

Missing Migrants : Part 1

This scatter plot visualizes the relationship between reported dates and the total number of dead and missing migrants from a Dataset on Missing Migrants. The x-axis displays time using a time scale, while the y-axis shows the count of missing individuals on a linear scale. The visualization is built with React and D3 v5, using `scaleTime` and `scaleLinear` for axes, with circles rendered as SVG marks that include tooltips showing formatted dates. Data is loaded via `d3.csv` from a gist-hosted CSV file.

Zzeeeeem

93% match

Loading thumbnail…

Missing and dead migrants I

This visualization plots the number of dead and missing migrants over time, using a line chart with circular markers for each reported incident. The chart is built with React and rendered as SVG, with scales from d3.scaleTime and d3.scaleLinear, and lines generated via d3.line with curveNatural interpolation. Data comes from the Missing Migrants Project subset, loaded with d3.csv. The axes are custom React components, and tooltips show the reported date for each point.

Ssmile2git

93% match

Loading thumbnail…

Missing Migrant Part I

A scatter plot displays the total number of dead and missing migrants over time, with each circle representing a reported incident. The visualization uses React to render an SVG, employing d3.scaleTime and d3.scaleLinear for axes, with d3.csv loading data from the Data Canvas Sense Your City Dataset. Circles are positioned using d3's scale functions, while tooltips reveal exact dates via d3.timeFormat.

Aadewole-top

93% match