Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Multiple Views with Brushing Interactive Map

Public visualization

Viewing a saved revision (read-only)

f7c0dd7c70584916988d06f53377ba74

Multiple Views with Brushing Interactive Map

1 star0🌍 Public
KKtuzinowski
Last edited Aug 13, 2021
Created on Jul 29, 2021

This interactive dashboard displays missing migrant data on a world map alongside a time-series histogram, with brushing on the histogram filtering the map’s bubble markers in real time. The map uses d3.geoNaturalEarth1 projection and d3.geoPath for rendering land and graticules, while circles scale by square root of death counts via d3.scaleSqrt. The histogram bins monthly totals with d3.histogram and enables linked brushing through d3.brushX. Built with React and D3 v5, it renders SVG elements and sources data from a CSV of reported migrant incidents.

AI-generated description

Interactive map with brushing on bar charts to display missing migrant data. Demonstrates knowledge of React.js, D3.js, and maintaining component and file organization. This was done in the IDE of VizHub, but would work in VS code with the create React App just as well to commit to GitHub.