Multiple Views

100%

Multiple Views

✓ Published0🌍 Public

Last edited Mar 18, 2022

Created on Mar 18, 2022

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

Multiple view

This interactive visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. A bubble map projects incident locations using `d3.geoEqualEarth` and `d3.geoPath`, with circle sizes scaled by the square root of the death count. The histogram aggregates monthly totals, and users can brush over its time axis to filter the map’s bubbles accordingly. The visualization is built with React and renders all graphics as SVG, using data from the United Nations World Population Prospects and the Missing Migrants Project.

33ssalunke

94% match

Loading thumbnail…

Multiple view Missing Migrants on Map

This interactive visualization combines a geographic bubble map with a time-series histogram to explore migrant deaths and disappearances globally. The map uses d3.geoNaturalEarth1 projection and d3.geoPath to render world atlas landmasses, with circle sizes scaled by the square root of the "Total Dead and Missing" value per location. The histogram bins reported dates by month using d3.bin and displays the summed fatalities via SVG rectangles. Both views are built with React components, leveraging d3.scaleSqrt, d3.scaleTime, and d3.scaleLinear to map data to visual encodings.

SShuyu Zheng

94% match

Loading thumbnail…

Missing Migrants Multiple Views Cleanup

A composite visualization combines a bubble map with a time-series histogram to show global migrant deaths and disappearances. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules, with circle areas scaled by `d3.scaleSqrt` based on total dead and missing. The histogram bins reported dates by month using `d3.bin` and `d3.timeMonths`, summing casualties per bin. Both views use React and D3 v5, drawing to SVG, with data from the Missing Migrants Project.

MMichael Bergerson

93% match

Loading thumbnail…

Multiple Views

The visualization combines a bubble map with a date histogram to explore the Missing Migrants Dataset, where each circle on the map represents an event's total dead and missing. The map uses `d3.geoNaturalEarth1` projection with `d3.geoPath` for land and graticule rendering, while the histogram aggregates deaths by month using `d3.bin` and `d3.timeMonths`. Both views share the same dataset, with circle radius scaled by `d3.scaleSqrt` and bars colored teal against a light gray world map.

Tthomasjungcoe

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

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

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