Fork of Multiple Views Cleanup

100%

Fork of Multiple Views Cleanup

✓ Published0🌍 Public

Last edited Jan 29, 2023

Created on Jan 29, 2023

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.

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

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

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

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

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

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

93% match

Loading thumbnail…

Fork of Multiple Views Cleanup

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

Wweny1109

93% match