Fork of Multiple Views Cleanup

100%

Fork of Multiple Views Cleanup

✓ Published0🌍 Public

Last edited Mar 25, 2021

Created on Mar 25, 2021

This visualization combines a world map with a time-series histogram to display data on migrant deaths and missing persons. The map uses a Natural Earth projection with graticules, country boundaries, and location points sized proportionally to the reported deaths. The histogram below aggregates the same data over time, using `d3.bin` with monthly thresholds. Both views are rendered as SVG within a React application, using D3 v5's `geoPath`, `scaleSqrt`, `scaleTime`, and `scaleLinear` APIs. The underlying dataset is a CSV of global migrant incidents, processed with `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 interactive visualization combines a world map of migration incidents with a time-series histogram. The map uses a natural Earth projection with graticules to display circles scaled by the total dead and missing, while the histogram below shows the same metric aggregated by month. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for circle sizing, and `bin` with `timeMonths` for the histogram. Data comes from the Missing Migrants Global dataset.

TToonysg

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

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

93% match

Loading thumbnail…

Multiple Views Cleanup

This visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. The map uses a natural Earth projection with `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` to render land, graticules, and proportional circles sized by `d3.scaleSqrt`. Below it, a date histogram bins monthly totals via `d3.histogram` and `d3.timeMonths`, with axes drawn from provided CSV data of missing migrants. The React framework manages SVG rendering, with `d3.csv` loading the dataset.

NNikhil Reddy Manda

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

92% match

Loading thumbnail…

Fork of Multiple Views Cleanup

An interactive world map and time-series histogram display missing migrant incidents, with bubbles sized by the total dead and missing per location. The map uses `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` to render land and graticules, while the histogram uses `d3.scaleLinear`, `d3.scaleTime`, and `d3.histogram` to bin the data by month. Both views are built with React and rendered as SVG, drawing on a CSV of migrant data and a TopoJSON world atlas.

Kkaalshouq

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

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

92% match