Skip to main content
SimilarExport ZIP
100%

Fork of Multiple Views with Brushing

✓ Published0🌍 Public
Wweny1109
Last edited Aug 6, 2023
Created on Aug 6, 2023

A world map displays cities with populations over 50,000 using a square-root size scale, while a histogram below shows the total dead and missing migrants over time. The visualization uses React with D3 v5, employing `d3.geoPath` and `d3.geoNaturalEarth1` for the map projection and `d3.brushX` for interactive brushing. Users can brush the histogram to filter the map points by date range. Data comes from Simplemaps and the World Atlas TopoJSON, with migrant records from a CSV. The map circles are semi-transparent to show overlapping points.

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

A world map displays circles sized by the total number of dead and missing migrants reported at each location, with a linked time-series bar chart below showing monthly totals. Brushing a time range in the histogram filters the map’s circles to those incidents occurring within that period. Built with React, the visualization uses D3 v5 APIs including d3.geoPath for the map, d3.bin and d3.brushX for histogram binning and interactive selection, and d3.scaleSqrt for circle sizing. Data comes from the Missing Migrants Project, with country boundaries from World Atlas TopoJSON.

Kka40
93% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a world map and a time-series histogram to explore migration incidents. Brushing on the histogram filters the map’s bubbles, which scale by total dead and missing per location. The map uses d3.geoNaturalEarth1 and d3.geoPath for projections, while the histogram is built with d3.bin and d3.brushX. React manages state, and data comes from the Missing Migrants Project and World Atlas TopoJSON.

Cchar0496
93% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a world map and a time-series histogram to explore migration incidents. A bubble map plots reported locations, with circle area scaled by the square root of the total dead and missing count. Below, a date histogram shows the same metric aggregated by month. Users can brush a time range on the histogram, which filters the map's displayed circles based on the selected date range. The map uses `d3.geoNaturalEarth1` projections, `d3.geoPath`, and `d3.geoGraticule` to render sphere, graticules, and land features from World Atlas TopoJSON. React manages state and rendering, while D3 v5 handles scales, binning (`d3.histogram`), time formatting, and the brushing interaction (`d3.brushX`). Data comes from the Missing Migrants Project subset.

Mmuwu16
93% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a world map with a time-series histogram to explore migration incidents. The map displays circles sized by the square root of the total dead and missing, while the histogram shows the monthly sum of deaths. Users can brush along the time axis to filter the map, dynamically updating the displayed data. Built with React and D3, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for the map, `d3.scaleSqrt` for sizing, and `d3.brushX` for interactive filtering.

Jj9magayanes
92% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This example integrates a world map and a time-series histogram to visualize missing migrants incidents. The map plots circles sized by the total dead and missing using a square-root scale, while the histogram aggregates counts by month. Users brush a time range in the histogram to filter the map’s data dynamically. The visualization uses React for components, d3.geoNaturalEarth1 and d3.geoPath for map rendering, d3.brushX for brushing, and d3.bin for histogram binning, pulling data from a CSV of global missing migrants.

Aanniedekock1m
92% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a world map and a time-series histogram to explore missing migrants data. The map displays circles sized by the square-root of the total dead and missing per reported location, using a Natural Earth projection with graticules and land boundaries. A brushable bar chart below filters the map by date range. The code leverages `d3.geoPath` for map rendering, `d3.scaleSqrt` for circle sizing, `d3.brushX` for interactive selection, and `d3.histogram` for binning monthly totals. Data comes from the Missing Migrants Project and world-atlas TopoJSON.

MMohammed Abdul Razak Wahab
92% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization shows missing migrants worldwide, with a bubble map displaying locations scaled by death count and a date histogram showing monthly totals. Users brush the histogram’s time axis to filter the map, updating circles dynamically. Built with React and D3 v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for map projection, `d3.bin` and `d3.brushX` for the histogram and brushing, and SVG for rendering. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

PPrakash Khunti
92% match
Loading thumbnail…

Fork of Multiple Views with Brushing

A world map displays the geographic distribution of migrant deaths, with circles sized by the total dead and missing count. A time-series histogram below shows monthly totals, and brushing on this histogram filters the map to show only incidents within the selected date range. The visualization uses React with D3 v5, employing `geoNaturalEarth1` and `geoPath` for mapping, `scaleSqrt` for circle sizing, `brushX` for interactive filtering, and `bin` with `timeMonths` thresholds to aggregate the data.

AAga Domanska
92% match