Skip to main content
SimilarExport ZIP
100%

Fork of Multiple Views with Brushing

✓ Published0🌍 Public
Ffmparantean@yahoo.com
Last edited Dec 4, 2024
Created on Dec 1, 2024

This example presents a choropleth-style world map of missing migrant incidents, using circle size to encode the number of dead and missing per location. A date histogram below the map allows users to brush a time range, which filters the map’s bubbles to show only incidents within that window. The visualization uses d3.geoPath for map projections, d3.scaleSqrt for sizing, d3.brushX for interactive selection, and d3.scaleTime for the histogram’s temporal axis. Data comes from the Missing Migrants Project CSV, with country boundaries from the World Atlas TopoJSON.

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

Fork of Multiple Views with Brushing

This interactive visualization combines a world map of missing migrant incidents with a brushable time-series histogram. The map displays circles sized by the total dead and missing, while the histogram allows users to brush over time ranges to filter the map data. Built with React and D3 v5, it uses `geoNaturalEarth1` projections, `geoPath` for map rendering, `brushX` for temporal selection, and `scaleSqrt` for circle sizing. Data comes from the Missing Migrants Project dataset.

SShan Gao
94% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a natural Earth projection world map with a time-series histogram to explore missing migrant incidents globally. The map displays circles sized by the total number of dead and missing individuals, using d3.geoPath and d3.geoNaturalEarth1 for geographic rendering, while the histogram, built with d3.scaleTime and d3.histogram, shows monthly counts. Users can brush a date range on the histogram with d3.brushX, which filters the map to show only incidents within the selected period. The example uses React with d3.v5 and data from the Missing Migrants Global dataset.

Hhuizrh
94% 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
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 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
94% match