Bubble Map and Histogram

100%

Bubble Map and Histogram

✓ Published1🌍 Public

Last edited Aug 22, 2022

Created on Aug 22, 2022

This visualization combines a bubble map and a histogram to explore missing migrant incidents. The map uses a natural Earth projection with `d3.geoPath` and `d3.geoNaturalEarth1`, plotting circles scaled by the square root of casualties via `d3.scaleSqrt`. The histogram below bins reported dates monthly using `d3.bin` and `d3.timeMonths`, summing casualties per bin with `d3.sum`. Both components render in SVG within a React app, drawing from a CSV of missing migrants and TopoJSON world atlas data.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Multiple View Missing Migrant

This visualization combines a bubble map and a date histogram to explore missing migrant incidents. The map uses a d3-geo naturalEarth1 projection with graticules and country borders, sizing circles by total dead and missing via d3.scaleSqrt. The histogram bins reported dates by month using d3.histogram and sums fatalities per bin. Both views render as SVG in React, with data from the Missing Migrants CSV and world atlas TopoJSON.

AAnthony Ynami

90% match

Loading thumbnail…

Missing Migrants Multiple Views

This visualization combines a bubble map and a date histogram to explore missing migrant incidents worldwide. The map projects data points using d3.geoNaturalEarth1 and d3.geoPath, with circle radii scaled by d3.scaleSqrt based on the total number of dead and missing. The histogram aggregates incidents by month using d3.bin and d3.timeMonths, summing fatalities per bin. Both views render as SVG within a React framework, pulling data from the Missing Migrants Project CSV and world-atlas TopoJSON.

Rrstrauss127

90% match

Loading thumbnail…

Missing migrants map and histogram

This visualization combines a natural Earth projection bubble map with a time-series histogram to show the geographic distribution and monthly totals of missing migrants. The map uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries, with circle areas scaled by the square root of deaths via d3.scaleSqrt. The histogram below bins reported dates into monthly intervals using d3.histogram and sums the corresponding casualties. Data comes from the Missing Migrants Project CSV, loaded via d3.csv, with React managing the composite SVG layout.

AAndrea Picciau

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

89% match

Loading thumbnail…

Missing Migrants on a Map and Histogram

The visualization combines a world map and a time-series histogram to show the locations and monthly counts of missing migrants. The bubble map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render land and graticules, with circle sizes scaled by `d3.scaleSqrt` based on the ‘Total Dead and Missing’ value. The histogram uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.histogram` with monthly bins, displaying the same metric over time. Data comes from a CSV of Missing Migrants, and the SVG is rendered using React with D3 v5.

Ccshm407

89% match

Loading thumbnail…

Combined map and histogram

A combined map and histogram visualizes the geographic distribution and temporal trends of missing migrants. The map projects city locations using a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with bubble sizes scaled by the square root of the total dead and missing count. Below, a time-series histogram bins reported dates monthly using `d3.histogram`, with bar heights summing the casualties per month. The visualization uses React for component structure and SVG for rendering, with data from the Missing Migrants CSV and world atlas TopoJSON.

FFonda Irena Santoso

89% match

Loading thumbnail…

Bubble Map and Histogram with Brushing

This interactive visualization combines a bubble map and a histogram to explore global migrant deaths. Users can brush over the time-series histogram to filter the map’s circles, adjusting the displayed data by reported date. The map uses a `geoNaturalEarth1` projection rendered with `d3.geoPath`, while the histogram uses `d3.brushX`, `d3.bin`, and `scaleTime`. Data comes from a CSV of Missing Migrants incidents, with circle size scaled by the square root of the death count.

SSerind Joshua McCue

89% match

Loading thumbnail…

Missing Migrants a Map

This visualization combines a bubble map and a date histogram to show the locations and timing of missing migrant incidents. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render world landmasses, graticules, and country borders, with circles scaled by the square root of the total dead and missing per location. The histogram bins the data by month using `d3.bin` and `d3.timeMonths`. Both views use React components and D3 scales, with data from the Missing Migrants Project and country boundaries from World Atlas TopoJSON.

Ttharuta

89% match