Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

React Performance Optimization

Public visualization

Viewing a saved revision (read-only)

23f365b0b4a749129e0855938b18640d

React Performance Optimization

0 stars0🌍 Public
NNikhil Reddy Manda
Last edited May 17, 2021
Created on May 17, 2021

This interactive visualization combines a world map and a time-series histogram to explore migration incidents. The map displays circles sized by the total number of dead and missing migrants, while the histogram shows monthly totals, with a brush tool to filter the map’s data by date range. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the map, `scaleTime` and `histogram` for binning, and `brushX` for interaction, with `useMemo` caching to optimize rendering.

AI-generated description

React Performance Optimization