Multiple Views

100%

Multiple Views

✓ Published1🌍 Public

Last edited Aug 1, 2021

Created on Aug 1, 2021

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.

AI-generated description

A world map showing country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Multiple Views

This example shows a world map of migrant deaths and disappearances, with bubble sizes proportional to the total number of dead and missing per location. Below the map, a date histogram displays the monthly sum of these casualties over time, using a time-scaled bar chart. The map is rendered with `d3.geoNaturalEarth1` and `d3.geoPath`, while the histogram uses `d3.bin` and `d3.scaleTime`. Both views are built as React components with SVG, driven by CSV data on reported dates and coordinates.

Vvmonney

94% match

Loading thumbnail…

Multiple Views Cleanup

This example combines a bubble map and a time-series histogram to visualize global migrant deaths and disappearances. The map uses `geoNaturalEarth1` and `geoPath` from d3-geo to project circle markers scaled by the square root of the death count, while the histogram uses d3’s `bin` and `scaleTime` to aggregate reported dates. React components structure the SVG, with data loaded via d3-fetch from a CSV of the Missing Migrants Project.

SSong Tao Chen

94% match

Loading thumbnail…

Multiple Views Cleanup

This example combines a bubble map and a date histogram to visualize the locations and timing of migrant deaths and disappearances. The map uses d3.geoNaturalEarth1 and d3.geoPath to render world landmasses with graticules, while circles scaled by d3.scaleSqrt represent the total dead and missing per incident. The histogram below uses d3.bin with timeMonths thresholds and a scaleTime x-axis to aggregate the same data over time, with rect marks colored by the d3.linear y-scale. Data comes from the Missing Migrants Project CSV, and the React components use d3.v5 for all scales and shapes.

Yyuzhang21

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

93% match

Loading thumbnail…

Multiple Views

This example combines a bubble map with a date histogram to visualize missing migrant incidents. The map uses a d3.geoNaturalEarth1 projection with graticules and country boundaries from the World Atlas TopoJSON, while circles sized by d3.scaleSqrt represent the total dead and missing. The histogram bins the data by month using d3.bin and sums the casualties with d3.sum, displaying the temporal distribution. Both views are rendered as SVG in React, reading data from a CSV of the Missing Migrants Project.

MMichael Bergerson

92% match

Loading thumbnail…

Multiple Views Cleanup

This example combines a bubble map and a date histogram to visualize migrant deaths and disappearances. The map uses a natural Earth projection with `d3.geoPath` to draw country boundaries and circles sized by a square-root scale, while the histogram bins the same data by month using `d3.bin` and `d3.timeMonths`. Both views share a dataset from the Missing Migrants Project, rendered as SVG within a React component hierarchy.

Jjesramyep1263

92% match

Loading thumbnail…

Multiple Views

This example combines a bubble map and a date histogram to visualize missing migrants globally. The map uses a natural Earth projection with `d3.geoNaturalEarth1` and `d3.geoPath`, where circle radii scale with the square root of death counts via `d3.scaleSqrt`. Below it, a time-series histogram aggregates monthly totals using `d3.histogram` and `d3.timeMonths`, with bars rendered as SVG rectangles. Both views share data from a CSV file, loaded via `d3.csv` in React.

NNikhil Reddy Manda

92% match

Loading thumbnail…

Multiple Views

This interactive visualization combines a geographic bubble map with a time-series histogram to explore migrant deaths and disappearances. The map displays circles sized by the total dead and missing count using a square-root scale, with an equal Earth projection rendered via `d3.geoPath`. The histogram bins reported dates by month using `d3.bin` and `d3.timeMonths`, with a brush (`d3.brushX`) that filters the map’s data in real time. Both views are built with React and D3 v7, using data from the Missing Migrants Project.

JJosh Zalcman

92% match