Fork of Multiple Views Cleanup

100%

Fork of Multiple Views Cleanup

✓ Published0🌍 Public

Last edited Aug 6, 2023

Created on Aug 6, 2023

This interactive visualization combines a bubble map and a date histogram to explore global migrant deaths and disappearances. The map projects circles scaled by the square root of the reported total, using `geoNaturalEarth1` and `geoPath` for geographic rendering. The histogram aggregates incidents by month, with a `brushX` component filtering the map data based on the selected time range. City and country boundaries come from the World Atlas TopoJSON dataset, while the migrant data is loaded via `d3.csv`.

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 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

95% 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

95% 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

95% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This visualization combines a world bubble map with a time-series histogram to explore migrant deaths and disappearances. The map projects city coordinates using `d3.geoNaturalEarth1` and `d3.geoPath`, with circle sizes scaled by `d3.scaleSqrt`. The histogram bins reported dates by month using `d3.histogram` and `d3.timeMonths`, summing deaths per bin. Data comes from the Missing Migrants Project CSV, while country boundaries use TopoJSON from World Atlas. The React components render SVG with D3 scales and axes.

EEdgar Alves

95% match

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

94% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This visualization combines a bubble map and date histogram to show the total number of dead and missing migrants worldwide. The map uses d3.geoNaturalEarth1 and d3.geoPath to render countries and graticules, with circle sizes scaled by d3.scaleSqrt. The date histogram groups reported incidents by month using d3.histogram and displays them as bars scaled by d3.scaleTime and d3.scaleLinear. Data comes from the Missing Migrants Project CSV, and country boundaries are from the World Atlas TopoJSON.

DDenisa Urluescu

94% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This example combines a bubble map with a time-series histogram to visualize migrant deaths and disappearances worldwide. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules, with circle sizes scaled by `d3.scaleSqrt`. A synchronized date histogram below aggregates monthly totals using `d3.histogram` and `d3.timeMonths`. Both views render as SVG within a React component, pulling data from a CSV of missing migrants and world-atlas TopoJSON boundaries.

Hhuizrh

93% 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

93% match