Polished Combined map and histogram with Brushing

100%

Polished Combined map and histogram with Brushing

✓ Published0🌍 Public

Last edited Apr 25, 2021

Created on Apr 25, 2021

Forked from Combined map and histogram with Brushing

The visualization pairs a natural Earth projection map with a time-series histogram, showing the total number of dead and missing migrants by reported date and location. A brushing interaction on the histogram filters the map’s circular markers, which are sized with d3.scaleSqrt based on migrant counts. The map uses d3.geoNaturalEarth1 and d3.geoPath with TopoJSON world-atlas data, while the histogram is built with d3.bin, d3.brushX, and React.

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…

Combined map and histogram with Brushing

This interactive visualization combines a world bubble map with a time-series histogram to explore missing migrant incidents. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules, with circle radii scaled by `d3.scaleSqrt` based on the total dead and missing. Below, a histogram bins incidents by reported date using `d3.bin` and `d3.timeMonths`, with bar heights summed per bin. Users can brush over the histogram with `d3.brushX` to filter the map’s displayed circles. Data comes from a CSV of missing migrants, rendered in SVG with React.

FFonda Irena Santoso

90% match

Loading thumbnail…

Histogram + map + brushing

This example combines a bubble map with a date histogram, using brushing to filter the map by time range. The map displays the total dead and missing migrants by location, with circle sizes scaled via d3.scaleSqrt. The histogram bins reported dates into months using d3.bin and sums values per bin. A d3.brushX selection updates the map’s filtered data. The visualization uses React for state management, d3.geoNaturalEarth1 and d3.geoPath for the geographic projection, and renders all elements as SVG.

MMatias Conde

89% match

Loading thumbnail…

Missing Migrants - Brushing

This interactive visualization combines a world map and a time-series histogram to explore data on missing migrants. Brushing on the histogram filters the map’s bubble marks, which are sized by the total dead and missing using a square-root scale. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render land and graticules from TopoJSON, while the histogram employs `d3.bin`, `d3.brushX`, and scales for time and linear values. React manages state and rendering, with D3 v5 handling data loading and axes.

SSai Phaltankar

88% match

Loading thumbnail…

Brushing Missing Migrants Data

Brushing a time-series histogram filters a world map of missing migrant incidents, showing only records within the selected date range. The map renders with `d3.geoNaturalEarth1` and `d3.geoPath`, sizing circles by total dead and missing via a square-root scale. The histogram uses `d3.bin`, `d3.brushX`, and React state to update the filtered data. Data comes from a Missing Migrants Project CSV subset, with world geography from TopoJSON.

RRichardPearce60

88% match

Loading thumbnail…

Map and Histogram with Brushing

This interactive visualization combines a world map of bubble markers with a linked time-series histogram, allowing users to brush over a date range to filter the geographic data. It plots migrant deaths and disappearances from a global dataset, with bubble size scaled by the square root of the count using `d3.scaleSqrt`. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with TopoJSON world atlas data. Brushing is implemented with `d3.brushX`, and the React components re-render filtered circles accordingly. The histogram is built with `d3.bin` and `d3.timeMonths`.

Nnexus1058

88% match

Loading thumbnail…

Hist + Map - with Brushing

This interactive visualization combines a proportional-symbol world map with a brushed time-series histogram. The map displays circles scaled by the total number of dead and missing migrants, projected using `d3.geoNaturalEarth1` and `d3.geoPath` with graticules and country boundaries from TopoJSON. The histogram, built with `d3.bin` and `d3.scaleTime`, aggregates monthly totals, and its `d3.brushX` selection filters the map’s data points based on the reported date range. Built with React and D3 v5, it renders entirely as SVG elements.

SShantanu

88% match

Loading thumbnail…

Missing Migrants on a Map with Brushing

This visualization combines a natural Earth projection map and a time-series histogram to explore missing migrant incidents. A brushing interaction on the date histogram filters the map’s proportional circles, which encode the total dead and missing per location. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with World Atlas TopoJSON data, while the histogram aggregates monthly totals using `d3.bin` and `d3.brushX`. Rendering is done in SVG with React, and the dataset comes from the Missing Migrants Project.

CChris Knight

87% match

Loading thumbnail…

brushing migrant data on a map

This interactive visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. Users brush over the histogram to filter the map, which displays circles scaled by the total dead and missing per location. The map uses d3.geoNaturalEarth1 projection with d3.geoPath, while the histogram leverages d3.bin and d3.brushX. Data comes from a CSV of Missing Migrants Global records, rendered with React and SVG.

BBlake McCarty

87% match