Skip to main content
SimilarExport ZIP
100%

10:32 brushing

✓ Published0🌍 Public
Uumgi
Last edited Mar 3, 2021
Created on Mar 3, 2021
Forked from 9:58 map + bin

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.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.

MIT Licensed

Similar vizzes

Loading thumbnail…

Brushing

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.

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

Multiple views with brushing

A choropleth-style bubble map displays global migrant deaths and disappearances, with a coordinated histogram showing the same data over time. Brushing a time range on the histogram filters the map’s circles in real time, highlighting temporal patterns. The visualization uses React for component structure, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `bin`, rendering SVG marks. Data comes from the Missing Migrants Project, with country boundaries sourced from World Atlas TopoJSON.

Ccshm407
91% match
Loading thumbnail…

Brushing-Combined Migrants on a Map

A world map displays migrant deaths as green bubbles scaled by mortality count, synced with a brushing-enabled time histogram below. Dragging the histogram’s brush filters the map’s bubbles to show only incidents within the selected date range. Built with React and D3 v7, it uses `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for bubble sizing, and `brushX` with `scaleTime.invert` to link selections. Data comes from a CSV of reported migrant incidents.

Ww.fukuyama@gmail.com
90% match
Loading thumbnail…

Missing Migrants with Brushing

This visualization uses a world map with bubbles to show the total number of dead and missing migrants, with bubble size scaled by the square root of the count. A time-series histogram below the map displays the same data binned by month, and users can brush over this chart to filter the map to only show incidents within the selected time range. The map is rendered using `d3.geoPath` with natural Earth projection and graticules, while the histogram uses `d3.scaleTime`, `d3.histogram`, and `d3.brushX` for interactive filtering. Data comes from the Missing Migrants Project CSV, and all rendering is done in SVG within a React framework.

Ppnlinyz
90% match
Loading thumbnail…

Analyzing Missing Migrants. Part VI Brushing

A choropleth-style bubble map displays missing migrant incidents worldwide, with circle size scaled by total deaths and missing persons using d3.scaleSqrt. A linked date histogram beneath the map uses d3.brushX to filter the map's bubbles interactively by date range. The visualization renders with d3.geoNaturalEarth1 and d3.geoPath for geographical features, while React hooks manage state and data loading from a CSV of Missing Migrants statistics.

OOleg Zhernovoy
90% match
Loading thumbnail…

Missing Migrants Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore global missing migrant data from a CSV dataset. Users can brush across the histogram to filter the map by date range, with linked views updating simultaneously. The map uses d3.geoNaturalEarth1 projection and d3.geoPath for country boundaries, while the histogram applies d3.bin with timeMonths thresholds and d3.brushX for selection. React manages state for the brush extent, and d3.scaleSqrt sizes bubbles by the total dead and missing count.

MMichael Bergerson
90% match