Interactable time table

100%

Interactable time table

✓ Published0🌍 Public

Last edited Apr 25, 2020

Created on Apr 25, 2020

This interactive visualization combines a world map of missing migrant incidents with a linked time-series histogram. The map uses a natural Earth projection rendered with `d3.geoPath` to plot bubble-scaled circles representing the total dead and missing at each location, while a brushable histogram below allows filtering the map by reported date. React hooks like `useMemo` optimize rendering performance, and the data comes from the Missing Migrants Project dataset. The visualization is built with React, D3 v5, and TopoJSON for country boundaries.

AI-generated description

The final installment from the online course Datavis 2020.

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.

This iteration is optimized for performance using React's useMemo hook.

MIT Licensed

Similar vizzes

Loading thumbnail…

Interactable time table

This interactive visualization combines a world bubble map with a time-series histogram to explore migrant deaths and disappearances. The map uses a natural Earth projection via `d3.geoPath` to plot circles scaled by the number of dead and missing, while the histogram below aggregates the same data by reported date using `d3.bin` and `scaleTime`. A brush on the histogram filters the map’s circles, dynamically updating the visualization. Built with React and D3 v5, it sources data from a Missing Migrants CSV and country boundaries from TopoJSON.

Jjsong

95% match

Loading thumbnail…

Interactable time table

This interactive visualization combines a world map and timeline chart to explore global migrant deaths. A bubble map uses `d3.geoNaturalEarth1` and `d3.geoPath` to project circles scaled by total dead and missing, with country boundaries and graticules from TopoJSON. A linked date histogram, powered by `d3.brushX` and `d3.bin`, allows brushing to filter the map in real time. The data comes from a CSV of migrant incidents, rendered with React and D3 v5.

JJunyanL

92% match

Loading thumbnail…

Interactable time table

A world map displays circles sized by the total number of dead and missing migrants, with country boundaries and graticules rendered via d3.geoPath and geoNaturalEarth1. A brushed time histogram below, built with d3.brushX and scaleTime, filters the map to show only incidents within the selected date range. Data comes from the Missing Migrants Project dataset, and the visualization uses React's useMemo for performance.

AAinaLluv

92% match

Loading thumbnail…

Missing Migrants on a Map with Time

This interactive visualization combines a world map with a time-series histogram to explore the Missing Migrants Dataset. The map uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries, with circles sized by d3.scaleSqrt according to the total dead and missing per event. A linked date histogram below aggregates monthly totals, using d3.bin and d3.scaleTime. The React components manage state and rendering, with tooltips provided by SVG title elements. Data comes from a CSV of reported incidents, and world geography uses TopoJSON from the world-atlas package.

AAlex Stulov

88% match

Loading thumbnail…

Interactive Migrant Map

A world map with semi-transparent circles plots locations of missing migrants, sized by the square-root-scaled count of dead and missing individuals. A time-series histogram below aggregates the same data by month, using `d3.bin` and `d3.timeMonths` to compute totals. React composes the two views, while `d3.geoNaturalEarth1` and `d3.geoPath` render the graticule, land, and country interiors from TopoJSON. Both charts are drawn as SVG, with circles and bars colored in teal against a light gray basemap.

KKtuzinowski

88% match

Loading thumbnail…

Missing Migrants Multiple Views

This interactive visualization presents missing migrant incidents on a world map with proportional bubbles, alongside a time-series histogram of monthly deaths. The React-based interface renders geographic data using `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule`, with bubble sizes scaled via `d3.scaleSqrt`. The histogram bins reported dates by month using `d3.histogram` and `d3.timeMonths`. Both views display data from a CSV of Missing Migrants Project records, loaded with `d3.csv` and overlaid on a World Atlas TopoJSON basemap.

Jjwlam83

87% match

Loading thumbnail…

Missing Migrants a Map

This visualization combines a bubble map and a date histogram to show the locations and timing of missing migrant incidents. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render world landmasses, graticules, and country borders, with circles scaled by the square root of the total dead and missing per location. The histogram bins the data by month using `d3.bin` and `d3.timeMonths`. Both views use React components and D3 scales, with data from the Missing Migrants Project and country boundaries from World Atlas TopoJSON.

Ttharuta

86% match

Loading thumbnail…

Analyzing Missing Migrants (Multiple Views)

This interactive visualization combines a world map and a time-series histogram to analyze migrant deaths and disappearances. The map uses a natural Earth projection to plot circles scaled by the total dead and missing, while the histogram aggregates these counts by reported month. Built with React and D3 v5, it employs `d3.geoNaturalEarth1` and `d3.geoPath` for map rendering, `d3.histogram` and `d3.timeMonths` for temporal binning, and `d3.scaleSqrt` for proportional circle sizing. Data comes from a CSV of missing migrants, with country boundaries from World Atlas TopoJSON.

WWaseem Medhat

86% match