Multiple Views

100%

Multiple Views - Migrant Data

✓ Published0🌍 Public

Last edited Aug 4, 2022

Created on Aug 4, 2022

This example combines a world map and a time-series histogram to visualize migrant deaths and missing persons. The map uses a natural Earth projection via `geoNaturalEarth1` and `geoPath`, with circle sizes scaled by the square root of fatalities, while the histogram bins monthly totals. A brush on the histogram filters the map’s circles interactively. Data comes from a CSV of Missing Migrants records, and rendering uses React with SVG and D3 v5 scales, axes, and the `brushX` API.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

This interactive visualization combines a world map and a time-series histogram to display missing migrant incidents. The top view uses a natural Earth projection with proportional circles sized by the square root of the reported deaths, while the bottom histogram aggregates the same data by month. Built with React and D3 v7, the example employs d3.geoPath for map rendering, d3.bin for histogram binning, and d3.scaleSqrt for circle sizing. Data comes from a CSV of global missing migrants.

KKai Stewart

93% match

Loading thumbnail…

Migrants Multiple Views

This example combines a world map and a time-series histogram to visualize migrant deaths and missing persons. The map uses a natural Earth projection with graticules and country boundaries from TopoJSON, plotting circles scaled by `d3.scaleSqrt` to represent the total dead and missing per location. The histogram below aggregates the same data by month using `d3.histogram` and `d3.timeMonths`, with bar heights reflecting cumulative deaths. Both views are rendered as SVG within a React app, using `d3.csv` to load the Missing Migrants dataset and `topojson` for geographic features.

FFAN CHI YU(范紀予)

93% match

Loading thumbnail…

Multiple Views

This interactive visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. The map displays circles scaled by the square-root of the total dead and missing per location, using `d3.geoNaturalEarth1` and `d3.geoPath` for geographic rendering. The histogram aggregates the same data by month, using `d3.bin` and `d3.timeMonths` to show temporal trends. Both views are built with React and D3 v5, rendering to SVG, with data sourced from a Missing Migrants CSV file.

MMinh Luong

92% match

Loading thumbnail…

Multiple Views

This example combines a bubble map and a date histogram to visualize the geographic distribution and temporal trends of migrant deaths and disappearances. A world map using `geoNaturalEarth1` and `geoPath` displays circles sized by the total dead and missing per location, while a time-series histogram below aggregates the same data by month using `bin` and `scaleTime`. The visualization is built with React and D3 v5, using SVG rendering and data from a CSV of global migrant incidents.

Jj-PGi

92% match

Loading thumbnail…

Missing & Death Migrate multi view

This visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. The map uses a D3 geoNaturalEarth1 projection with geoPath, rendering circles scaled by the square root of the total dead and missing per location, overlaid on graticule and land features from the world-atlas TopoJSON. Below, a React-based histogram bins the data by reported date using D3’s bin and timeMonths, summing casualties per month and displaying bars with hover tooltips. Data comes from a CSV of global migrant incidents.

AAmir

91% match

Loading thumbnail…

Multiple Views Cleanup

This visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. The map uses a natural Earth projection with `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` to render land, graticules, and proportional circles sized by `d3.scaleSqrt`. Below it, a date histogram bins monthly totals via `d3.histogram` and `d3.timeMonths`, with axes drawn from provided CSV data of missing migrants. The React framework manages SVG rendering, with `d3.csv` loading the dataset.

NNikhil Reddy Manda

91% match

Loading thumbnail…

Missing Migrants on a Map Multiple Views

This example shows two linked views of missing migrant incidents: a world map with proportional circles marking the total dead and missing at each location, alongside a histogram of monthly totals over time. The map uses a natural Earth projection with graticules and country borders, while the histogram aggregates data into monthly bins. Both views render as SVG using React components and D3 v6 APIs, including `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.scaleSqrt`, and `d3.bin`. Data comes from a CSV of missing migrants, loaded via `d3.csv`.

LLaura Johnson

91% match

Loading thumbnail…

Multiple Views Cleanup

This interactive visualization combines a world map with a time-series histogram to explore missing migrant data. The map uses a D3 geoNaturalEarth1 projection to render country boundaries from the World Atlas TopoJSON, with circles scaled by the square root of the death toll. The lower panel, built with d3.bin and timeMonths thresholds, aggregates deaths by reported date. The React component loads data from a CSV of the Missing Migrants Project, using d3.csv and topojson.feature to process geographic and tabular information.

CChris Briggs

91% match