Skip to main content
SimilarExport ZIP
100%

Brushing, Missing Migrants (codeAlong)

✓ Published0🌍 Public
Ttomahawk-jupiter
Last edited Jun 16, 2021
Created on Jun 15, 2021

This interactive visualization combines a natural Earth projection map with a time-series histogram to explore missing migrant incidents. The map displays circles scaled by the number of dead and missing, using `geoNaturalEarth1` and `geoPath` for geographic rendering. Users can brush over the histogram to filter the map's data points by date, with the brush extent implemented via `brushX`. The visualization loads world atlas data from TopoJSON, converts it to GeoJSON, and uses React to manage state, alongside d3's `scaleSqrt` for circle sizing and `histogram` for binning incidents by month.

AI-generated description

Loading topojson and convert in memory to geojson, then render to make a map.

Add points to the map.

tutorial Vid 8:47

MIT Licensed

Similar vizzes

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

Missing Migrants on a Map with Brushing

This visualization combines a natural Earth projection map and a time-series histogram to explore missing migrant incidents. A brushing interaction on the date histogram filters the map’s proportional circles, which encode the total dead and missing per location. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with World Atlas TopoJSON data, while the histogram aggregates monthly totals using `d3.bin` and `d3.brushX`. Rendering is done in SVG with React, and the dataset comes from the Missing Migrants Project.

CChris Knight
92% match
Loading thumbnail…

Missing Migrants Multiple Views with Brushing

This interactive visualization combines a natural Earth projection bubble map of missing migrants with a linked brushing-enabled date histogram. The map uses d3.geoNaturalEarth1 and d3.geoPath to render world landmasses from TopoJSON, with circle radii scaled by d3.scaleSqrt based on total dead and missing counts. The histogram bins monthly totals via d3.bin and d3.timeMonths, and the d3.brushX selection filters map circles in real time. Both views use SVG rendering within a React framework, loading data from a CSV of Missing Migrants Global incidents.

KKevin McMorrow
91% match
Loading thumbnail…

Brush Missing Migrants

This interactive visualization shows global migrant deaths and disappearances, combining a world map with a time-series histogram. Users can brush over the histogram to filter the map, dynamically revealing incidents within a selected date range. The project uses React for state management, D3 v5 for map projections (`geoNaturalEarth1`), the `topojson` library for world atlas data, and D3's `brushX` for the brushing interaction. The rendered map and histogram are built with SVG elements, and the world atlas is sourced from the `world-atlas` package.

Ssophievanderhorst
90% match
Loading thumbnail…

Missing Migrants Multiple View with Brushing

This interactive visualization combines a global bubble map and a time-series histogram to explore missing migrant incidents. Users can brush over the histogram to filter the map, which displays circles sized by the total dead and missing count. The map uses d3.geoNaturalEarth1 and d3.geoPath for geographic rendering, while the histogram employs d3.bin and d3.brushX for temporal aggregation and selection. Data comes from a CSV of missing migrants and world atlas TopoJSON, rendered with React and SVG.

JJohn Huang
90% 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
90% match
Loading thumbnail…

Brushing Missing Migrants Multiple Views

This interactive visualization combines a world map and a time-series histogram to explore missing migrant incidents. Users can brush over the histogram to filter the map, which displays proportional circles sized by the total number of dead and missing individuals. The map uses a natural Earth projection with graticules and country borders, rendered with SVG via React. Data comes from the Missing Migrants Project and is aggregated by month using d3.bin. The linked views are implemented with d3.scaleSqrt for circle sizing and d3.brushX for the interactive selection.

TTatyana Milanova
90% 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
90% match