Skip to main content
SimilarExport ZIP
100%

Brushing

✓ Published0🌍 Public
Ccynichole
Last edited Mar 8, 2022
Created on Mar 8, 2022

This example links a bubble map and a date histogram to explore missing migrant incidents. The map projects circles sized by the total dead and missing using d3.geoNaturalEarth1 and d3.geoPath, while the histogram bins monthly counts with d3.bin and d3.scaleTime. Users can brush the histogram with d3.brushX, which dynamically filters the map's circles to show only incidents within the selected date range. Data comes from a CSV of reported migrant deaths, and the visualization is built with React and rendered as SVG.

AI-generated description

The Iris Data set. 'https://gist.githubusercontent.com/curran/a08a1080b88344b0c8a7/raw/639388c2cbc2120a14dcf466e85730eb8be498bb/iris.csv';

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

10:32 brushing

A choropleth-style bubble map of global migration incidents is linked to a brushed date histogram. The map displays circles sized by the total number of dead and missing people, with colors assigned per country. Brushing the histogram filters the map’s circles to show only data within the selected date range. The visualization uses React for state management, d3.scaleSqrt for sizing, d3.geoNaturalEarth1 and d3.geoPath for map rendering, d3.brushX for the histogram brush, and data from the Missing Migrants Project.

Uumgi
92% match
Loading thumbnail…

Multiple Views (Brushing)

This interactive visualization combines a bubble map and a date histogram to explore missing migrant incidents. Brushing a time range in the histogram filters the map’s bubbles, which are scaled by total dead and missing using d3.scaleSqrt. The map uses d3.geoNaturalEarth1 and d3.geoPath for land outlines, while the histogram employs d3.bin and d3.brushX. Data comes from the Missing Migrants Project CSV, rendered as SVG in React.

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

brushing World Map migrants

This example shows a world map of missing migrants, with bubble circles sized by the total dead and missing count at each location. A linked histogram below displays the same data over time, and brushing a time range filters the map’s bubbles to only show incidents within that period. The visualization uses React for component structure, d3.geoNaturalEarth1 and d3.geoPath for the map projection, d3.scaleSqrt for bubble sizing, and d3.brushX for the interactive time filter. Data comes from a CSV of missing migrants, rendered as SVG.

Mmarianamartins87
91% 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
90% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This example links a bubble map of migrant deaths with a brushed time-series histogram. Users can brush a date range in the histogram to filter the circles shown on the world map. The map renders SVG circles with `d3.geoNaturalEarth1` and `d3.geoPath` for country boundaries, while the histogram uses `d3.bin`, `d3.brushX`, and `d3.scaleTime` to aggregate monthly totals. Data comes from the Missing Migrants Project CSV, with interactions managed in React.

MMila Frerichs
90% match