Skip to main content
SimilarExport ZIP
100%

Chess Federation Transfers with Brushing

✓ Published0🌍 Public
PPatrick-Houlihan
Last edited Nov 16, 2021
Created on Nov 3, 2021

This visualization combines a world map of missing migrant incidents with a brushing-linked time histogram. It uses D3’s `geoNaturalEarth1` and `geoPath` to render country boundaries and graticules, while circle size reflects death tolls via `scaleSqrt`. A `brushX` interaction filters the map by date range selected in the histogram. Built with React and D3 v5, the data comes from a CSV of global missing migrants, with the map optimized through `useMemo`.

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.

This iteration is optimized for performance using React's useMemo hook.

MIT Licensed

Similar vizzes

Loading thumbnail…

Map Brushing

This example links a world map of missing migrant incidents to a brushing-linked time histogram. The map displays circles scaled with `d3.scaleSqrt` based on total dead and missing counts, projected using `d3.geoNaturalEarth1` and rendered with `d3.geoPath`. A brushed time range filters the map’s circles in real time, using `d3.brushX` and `d3.histogram` to bin monthly totals. The React app uses `useMemo` for performance, with data sourced from a CSV of missing migrants and country boundaries from World Atlas TopoJSON.

FFelix Jacob
86% 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
86% match
Loading thumbnail…

Missing Migrants Brushing

This visualization combines a world map and a time-series histogram to explore global migrant deaths and disappearances. Brushing a date range in the histogram filters the circles on the map, which use `d3.scaleSqrt` scaling and `d3.geoPath` with a `geoNaturalEarth1` projection. The histogram bins monthly data with `d3.bin` and `timeMonths`, while the brush uses `brushX`. Data comes from a CSV of the Missing Migrants Project, overlaid on a TopoJSON world atlas.

CCarlos Caballero
86% match
Loading thumbnail…

optimizing missing migrant brushing

This visualization combines a world map and a bar chart to explore missing migrant incidents. The map uses `d3.geoNaturalEarth1` projection and `d3.geoPath` to render country boundaries, with circle radii scaled by `d3.scaleSqrt` to show death counts. Below, a brushable time-series bar chart using `d3.brushX` filters the map by date range through React state. Data comes from the Missing Migrants Project CSV, loaded via `d3.csv`. The React components manage scales, axes, and brushing interactions.

GGuitong Li
85% 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
85% match
Loading thumbnail…

Missing Migrants: Part 5 - Brushing

This interactive visualization combines a world map with a time-series histogram to explore global migrant deaths and disappearances. The map displays circles scaled by the total number of dead and missing, using a natural Earth projection with `geoPath` and `geoNaturalEarth1`. A brushable histogram below, implemented with `brushX` and `scaleTime`, allows the user to filter the map by date range. The data comes from the Missing Migrants dataset, with React hooks managing state and D3 v5 handling rendering.

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

Missing Migrants Dataset - Brushing

This visualization combines a world map with a histogram of missing migrant deaths over time. Users brush a date range on the histogram to filter circles on the map, which show incident locations scaled by death count. It uses React with D3 v7 for rendering, including d3.geoNaturalEarth1 and d3.geoPath for the map, d3.bin for histogram aggregation, and d3.brushX for interaction. Data comes from the Missing Migrants Project CSV, with map geometry from the world-atlas TopoJSON.

KK3zter
85% match