optimizing missing migrant brushing

100%

optimizing missing migrant brushing

✓ Published0🌍 Public

Last edited Feb 13, 2022

Created on Feb 11, 2022

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.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.

See also the first bar chart visualization that this one builds on: Making a Bar Chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

missing migrant brushing

This visualization combines a bar chart and a world map to show missing migrant incidents over time, with brushing on the bar chart filtering the map’s displayed data points. The bar chart bins reported dates by month using `d3.histogram` and `d3.timeMonths`, while the map projects locations with `d3.geoNaturalEarth1` and sizes circles by death counts with `d3.scaleSqrt`. A `brushX` selection on the bar chart updates the map’s filtered cities in real time. Data comes from a CSV of Missing Migrants Global 2019 records, rendered with React and SVG.

GGuitong Li

96% match

Loading thumbnail…

Missing Migrants with Brushing

This visualization combines a world map and a time-series histogram to explore the Missing Migrants Dataset. A bubble map plots each migrant death or disappearance event, with circle radius scaled by the total dead and missing count using `d3.scaleSqrt`. Below, a bar chart aggregates deaths by month, and users can brush over the time axis with `d3.brushX` to filter the map, highlighting events within the selected date range. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with world-atlas TopoJSON data, while the React components manage state and rendering.

AAlex Stulov

91% 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

91% match

Loading thumbnail…

Optimized Brushing Missing Migrants Data

This interactive dashboard visualizes missing migrant incidents worldwide, combining a bubble map with a brushing histogram. A world map shows the geographic distribution and magnitude of casualties via scaled circles, while a time-based histogram below allows users to brush a date range, filtering the map to display only incidents within that period. Built with React and D3 v7, the visualization uses `d3.geoNaturalEarth1` and `d3.geoPath` for map projections, `d3.bin` for histogram aggregation, and `d3.brushX` for interactive selection, with data sourced from the Missing Migrants Project.

RRichardPearce60

91% match

Loading thumbnail…

Analyzing Missing Migrants with Brushing

This interactive visualization analyzes missing migrant incidents through two linked views: a world map and a time-series histogram. The map displays each incident as a circle, with its radius scaled to the number of dead or missing, while the histogram shows monthly totals. Brushing over the histogram filters the map, updating the displayed circles in real time. Built with React and D3 v5, it uses `d3.geoPath` and `d3.geoGraticule` for geographic projections, `d3.brushX` for the selection interaction, and `d3.bin` for aggregating the data over time. Data is sourced from a CSV of global missing migrant records.

MMichael Bruno

91% match

Loading thumbnail…

Missing Migrants Brushing with React & D3

The visualization displays the global distribution of missing migrants and their incident dates, using a world map and a linked time-series histogram. Brushing a time range in the histogram filters the map’s circles, which are sized by the total number of dead and missing per incident. The map uses `d3.geoEqualEarth` projection, `d3.geoPath`, and `d3.geoGraticule`, while the histogram applies `d3.bin` and `d3.brushX`. Data comes from a CSV of missing migrant incidents up to 2021.

MManon ROMAIN

91% 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

91% 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

91% match