Fork of Multiple Views Cleanup

100%

Fork of Multiple Views Cleanup

✓ Published0🌍 Public

Last edited Apr 20, 2022

Created on Apr 10, 2022

Two coordinated views explore data on missing migrants. A bubble map projects city locations using a natural Earth projection, with circle area scaled by the square root of the total dead and missing. A date histogram bins reports by month, summing deaths per bin. Both views share a teal color and are built with React, d3 for map projections, scaling, binning, and time axes, rendering as SVG. Data comes from a CSV of the Missing Migrants Project.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Multiple Views Cleanup

This interactive visualization combines a bubble map and a date histogram to explore the global distribution of missing migrants. The map uses D3's geoNaturalEarth1 projection and geoPath to render world landmasses, graticules, and circles sized by the square root of the death toll. The histogram uses D3's scaleTime, bin, and timeMonths to aggregate reports by month. Both views are built with React and SVG, drawing from a CSV of missing migrant incidents.

RRoberto

93% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This example overlays a bubble map with a date histogram to show the geographic distribution and monthly totals of dead and missing migrants. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render land, graticules, and interiors, with circles scaled by `d3.scaleSqrt`. The histogram, created with `d3.histogram` and `d3.timeMonths`, sums values per month. Both views are built with React, rendered as SVG, and styled with a teal color scheme. Data comes from the Missing Migrants Project CSV.

Bbigstonecompany

93% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This visualization combines a bubble map and a date histogram to show migrant deaths and disappearances. The map uses `geoNaturalEarth1` and `geoPath` to render world boundaries with circles scaled by `scaleSqrt`, while the histogram bins reported dates with `d3.histogram` and sums death counts per month. Data comes from the Missing Migrants Project CSV, loaded via `d3.csv`. Both views are rendered as SVG within a React app using `d3.scaleTime` and `d3.scaleLinear`.

Cchar0496

92% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This interactive visualization combines a geographic bubble map with a time-series histogram to explore migrant deaths and disappearances. The map projects city locations using an equal-area projection with graticules, while the histogram aggregates monthly totals using `d3.histogram` and `timeMonths`. Built with React and D3 v5, the visualization uses `geoNaturalEarth1` for the map projection and `scaleSqrt` for bubble sizing, rendering data from the Missing Migrants Project as SVG. The code demonstrates a modular approach with separate axis and mark components for each view.

Eevers-codeshop-ai

91% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This visualization combines a bubble map and a histogram to explore global migrant deaths. The map projects city coordinates using `d3.geoNaturalEarth1` and `d3.geoPath`, with bubble sizes scaled by the square root of the "Total Dead and Missing" value. Beneath it, a time histogram bins events by month using `d3.bin` and `d3.timeMonths`. Data comes from the Missing Migrants Project CSV, while country boundaries use the World Atlas TopoJSON. The React-based SVG rendering separates concerns into modular components for marks and axes.

Ccwlronald

91% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This visualization combines a bubble map and a date histogram to show migration incidents worldwide. The map uses a natural Earth projection with graticules and country boundaries from World Atlas TopoJSON, with circle sizes scaled by the square root of the total dead and missing. The histogram below aggregates monthly totals using d3.bin and d3.timeMonths. Both views use d3.scaleSqrt, scaleTime, and scaleLinear, rendered as SVG with React components. Data comes from the Missing Migrants Project CSV, parsed with d3.csv.

YYedrup

91% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This example presents a global view of missing migrant incidents, combining a geographic bubble map with a time-based histogram. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, graticules, and spheres, with circle radii scaled by the square root of death counts (`d3.scaleSqrt`). The histogram bins incident dates into monthly intervals using `d3.histogram` and `d3.timeMonths`, summing fatalities per bin with `d3.sum`. Both views render as SVG within a React framework, sourcing city data from a CSV and world boundaries from TopoJSON.

Cchar0496

91% match

Loading thumbnail…

Fork of Missing Migrants Multiple Views

This interactive visualization presents two coordinated views of missing migrant data. A bubble map displays incidents using a natural Earth projection with graticules and country boundaries from TopoJSON, where circle size reflects the total dead and missing. Below, a time-series histogram shows monthly aggregated counts using d3.bin and d3.timeMonths, with d3.scaleTime and d3.scaleLinear axes. Both views are rendered in SVG, built with React and D3 v5, pulling data from a CSV of Missing Migrants Global 2019 incidents.

Wweny1109

91% match