Skip to main content
SimilarExport ZIP
100%

Fork of Multiple Views with Brushing

✓ Published0🌍 Public
Bbillmccabeusa@hotmail.com
Last edited Dec 1, 2024
Created on Nov 30, 2024

A geographic bubble map and a time-series histogram display migrant fatalities worldwide. The map plots circles scaled by the square root of total dead and missing, using D3’s `geoNaturalEarth1` projection and `geoPath` for the sphere, graticules, and country landmasses. Brushing on the histogram, built with `d3.brushX`, filters the map’s points by date range. The React app uses `d3.csv` and `topojson` to load and process city and country boundary data.

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…

Fork of Multiple Views with Brushing

This interactive visualization displays global migrant deaths and disappearances over time. A bubble map projects each incident’s coordinates with circle radii scaled by the square root of the death count, overlaid on a natural Earth land and graticule backdrop. Below, a date histogram bins the same data monthly, showing total deaths per bin. Brushing the histogram with `d3.brushX` filters the map’s circles by the selected date range. The implementation combines `d3.geoNaturalEarth1` for projection, `d3.scaleSqrt` for sizing, and React with `d3.csv` data loading.

Bbiruk.d.kebede2@gmail.com
94% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a bubble map of migrant deaths with a time-series histogram, using brushing to filter the map by date range. The map renders world landmasses via `d3.geoNaturalEarth1` and `d3.geoPath` from TopoJSON, while circles sized by `d3.scaleSqrt` represent death counts. The histogram uses `d3.bin` to aggregate monthly totals, and a `d3.brushX` selection updates the map in real time. All views are built with React and SVG, drawing on the Missing Migrants Project dataset.

FFractal Framing
94% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a bubble map and a date histogram to explore migrant deaths and disappearances worldwide. Users can brush a time range in the histogram to filter the map, which uses d3.geoNaturalEarth1 projection and d3.geoPath to render country boundaries, graticules, and proportional circles sized by d3.scaleSqrt. The React app manages state for the brush extents, rendering in SVG. Data comes from the Missing Migrants Project CSV, with countries drawn from World Atlas TopoJSON.

JJoshua Holloway
94% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore global migrant deaths and disappearances. The map projects cities using a natural Earth projection with `d3.geoNaturalEarth1` and `d3.geoPath`, while circle size encodes the total dead and missing. The histogram, built with `d3.bin` and `d3.scaleTime`, aggregates counts by month. A `d3.brushX` selection on the histogram filters the map’s circles in real time. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON. Rendering uses React and SVG.

RRoberto
94% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore missing migrants incidents worldwide. The map uses a natural Earth projection with country boundaries and graticules, where circle size encodes the total dead and missing per location. A linked time-series histogram below displays monthly death tolls, and users can brush across the timeline to filter the map to incidents within that date range. The example uses React with d3-scale, d3-geo, d3-brush, and TopoJSON for world atlas data.

Hhenry c
94% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore global missing migrant incidents, with brushing on the histogram filtering the map’s displayed circles. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules, while circle sizes encode the total dead and missing via `d3.scaleSqrt`. The histogram bins data by month using `d3.bin` and `d3.timeMonths`, with `d3.brushX` enabling interactive time-range selection. The React app (v16.9) manages brush state, filtering the map data accordingly. Data comes from a CSV of missing migrants, with country shapes from World Atlas TopoJSON.

RRay Yang
94% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a world bubble map with a time-series bar chart to explore migrant deaths and disappearances. The map displays circles scaled by the number of casualties per location using `d3.geoNaturalEarth1` and `d3.geoPath` for geographic projection. Below, a `DateHistogram` aggregates monthly totals, with a `d3.brushX` selection filtering the map’s displayed data based on the chosen time range. The React components use `d3.csv`-loaded migration data and TopoJSON world atlas boundaries, rendering everything as SVG.

IIIdaLin
94% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This example combines a bubble map and a date histogram to visualize global migrant deaths and disappearances. The map uses d3.geoNaturalEarth1 projection to plot circles sized with d3.scaleSqrt for each incident’s total dead and missing, while the histogram aggregates the same metric by reported date. A d3.brushX selection on the histogram filters the map’s circles to show only incidents within the brushed date range. The visualization is built with React and renders SVG elements, using data from the Missing Migrants Project and world atlas TopoJSON.

Zzongkenchai
94% match