Skip to main content
SimilarExport ZIP
100%

Multiple Views

✓ Published1🌍 Public
Ddaneslutzky
Last edited Oct 19, 2021
Created on Oct 18, 2021

This example combines a bubble map and a date histogram to visualize the total number of missing migrants over time and location. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to project circles scaled with `d3.scaleSqrt`, while the histogram bins the data by month using `d3.bin` and `d3.timeMonths`. Data comes from a CSV of global missing migrant incidents, rendered with SVG in a React framework.

AI-generated description

A scatterplot that shows working with time data.

MIT Licensed

Similar vizzes

Loading thumbnail…

Multiple Views

This example combines a bubble map and a date histogram to visualize missing migrants globally. The map uses a natural Earth projection with `d3.geoNaturalEarth1` and `d3.geoPath`, where circle radii scale with the square root of death counts via `d3.scaleSqrt`. Below it, a time-series histogram aggregates monthly totals using `d3.histogram` and `d3.timeMonths`, with bars rendered as SVG rectangles. Both views share data from a CSV file, loaded via `d3.csv` in React.

NNikhil Reddy Manda
95% 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
95% match
Loading thumbnail…

Multiple Views Cleanup

This example combines a bubble map with a date histogram to visualize missing migrants data. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render world landmasses, graticules, and country borders, with circle sizes scaled by `d3.scaleSqrt` based on the total dead and missing. The histogram below bins reported dates into monthly intervals using `d3.histogram` and `d3.timeMonths`, summing casualties per bin with `d3.sum`. Both views render as SVG within a React component structure, pulling data from a CSV of migrant incidents and TopoJSON world atlas boundaries.

Jjwlam83
94% 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
93% match
Loading thumbnail…

Multiple Views Cleanup

This example combines a bubble map with a date histogram to visualize the global distribution of missing migrants over time, using data from the Missing Migrants Project. The map uses a `geoNaturalEarth1` projection with `geoPath` to render land, graticules, and interiors, while scaled circles represent the total dead and missing per location. The histogram bins reported dates by month, applying `scaleTime` and `histogram` to aggregate deaths. Both views share the same SVG canvas, with the histogram positioned below the map using a React component hierarchy and D3 scales.

Yyinhao0424
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
92% match
Loading thumbnail…

Multiple Views Cleanup

This example combines a bubble map and a histogram to visualize reported migrant deaths and disappearances. The map projects city coordinates using `d3.geoNaturalEarth1` and `d3.geoPath`, with circle radii scaled by `d3.scaleSqrt`. The histogram bins reported dates by month using `d3.histogram` and summarizes totals with `d3.sum`. Both views are rendered in SVG within a React component, with the histogram overlaid on the lower portion of the map. Data comes from a CSV of global migrant incidents, and country boundaries use TopoJSON from the World Atlas.

CCurran Kelleher
92% match
Loading thumbnail…

Multiple Views Cleanup

This example combines a bubble map and a date histogram to visualize the locations and timing of migrant deaths and disappearances. The map uses d3.geoNaturalEarth1 and d3.geoPath to render world landmasses with graticules, while circles scaled by d3.scaleSqrt represent the total dead and missing per incident. The histogram below uses d3.bin with timeMonths thresholds and a scaleTime x-axis to aggregate the same data over time, with rect marks colored by the d3.linear y-scale. Data comes from the Missing Migrants Project CSV, and the React components use d3.v5 for all scales and shapes.

Yyuzhang21
92% match