Multiple Views

100%

Multiple Views

✓ Published1🌍 Public

Last edited May 8, 2024

Created on May 8, 2024

This visualization combines a proportional-symbol world map with a time-series bar chart to reveal the spatial and temporal distribution of missing migrants. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render land, graticules, and sphere, with circle sizes scaled by `d3.scaleSqrt` according to the total dead and missing per incident. Below, a date histogram bins incidents by reported date using `d3.histogram` and `d3.timeMonths`, summing the same metric per bin. The React components render to SVG, with data sourced from the Missing Migrants Project CSV.

AI-generated description

A program to show multiple views namely a map and a bar chart on the same screen

Data: Missing Migrants Project

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants Multiple Views

This visualization combines a world map and a time-series bar chart to explore data on missing migrants. The map uses d3.geoNaturalEarth1 and d3.geoPath to render landmasses, with circle sizes scaled by the square root of the total dead and missing count. The histogram below aggregates monthly totals using d3.bin and d3.sum, with axes from custom React components. Both views share the same dataset, loaded via d3.csv from a subset of the Missing Migrants Project.

RRMartins11

93% match

Loading thumbnail…

Multiple Views

This interactive visualization combines a world map and a time-series histogram to display missing migrant incidents. The top view uses a natural Earth projection with proportional circles sized by the square root of the reported deaths, while the bottom histogram aggregates the same data by month. Built with React and D3 v7, the example employs d3.geoPath for map rendering, d3.bin for histogram binning, and d3.scaleSqrt for circle sizing. Data comes from a CSV of global missing migrants.

KKai Stewart

92% match

Loading thumbnail…

34. Missing Migrants Multiple Views

This visualization combines a world map with a time-series bar chart to display data on missing migrants. The map uses a natural Earth projection with sized circles to show total deaths and missing persons by location, while the histogram aggregates the same metric by reported date. Built with React and D3 v5, the example employs `geoNaturalEarth1` for projection, `scaleSqrt` for circle sizing, and `bin` with `timeMonths` thresholds for the histogram. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

PPrashish Paudel

92% match

Loading thumbnail…

Missing Migrants on a Map Multiple Views

This example shows two linked views of missing migrant incidents: a world map with proportional circles marking the total dead and missing at each location, alongside a histogram of monthly totals over time. The map uses a natural Earth projection with graticules and country borders, while the histogram aggregates data into monthly bins. Both views render as SVG using React components and D3 v6 APIs, including `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.scaleSqrt`, and `d3.bin`. Data comes from a CSV of missing migrants, loaded via `d3.csv`.

LLaura Johnson

92% match

Loading thumbnail…

Missing Migrants with Multiple Views

This interactive visualization presents data on missing migrants through two linked views. A world map displays the geographic distribution of deaths and disappearances using proportional circles, with bubble size scaled according to the total count per location. Below, a time-based histogram aggregates the same data by month, showing the cumulative number of missing migrants over time. Both views use D3 v5 with React, employing `geoNaturalEarth1` projection for the map, `scaleSqrt` for circle sizing, and `histogram` binning for the temporal view. The data comes from CSV files loaded via `d3.csv`, with the map drawing from World Atlas TopoJSON.

Ppnlinyz

92% match

Loading thumbnail…

Multiple Views Cleanup

This interactive visualization combines a world map with a time-series histogram to explore missing migrant data across the globe. The map uses a natural Earth projection with `d3.geoPath`, plotting circles scaled by the square root of the "Total Dead and Missing" counts. The histogram below, built with `d3.bin` and `d3.scaleTime`, aggregates these counts by reported month. Both views render as SVG within a React framework, with the data sourced from a Missing Migrants project CSV file.

RRajat Dangat

91% match

Loading thumbnail…

Multi-view of Missing Migrants

This example presents a multi-view visualization of missing migrant incidents, combining a world map with a time-based bar chart. The map uses a spherical projection with graticules, rendering land and interior boundaries as geographic paths. Overlaid circles scale by the square root of the "Total Dead and Missing" count for each incident location. Below, a time series aggregates these totals into monthly bins, with bars plotted on a linear scale. The visualization leverages D3's `geoPath`, `geoGraticule`, `scaleSqrt`, `histogram`, and React for rendering, sourcing data from a CSV of global incidents.

Ssmile2git

91% match

Loading thumbnail…

Multiple Views

This interactive visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. The map displays circles scaled by the square-root of the total dead and missing per location, using `d3.geoNaturalEarth1` and `d3.geoPath` for geographic rendering. The histogram aggregates the same data by month, using `d3.bin` and `d3.timeMonths` to show temporal trends. Both views are built with React and D3 v5, rendering to SVG, with data sourced from a Missing Migrants CSV file.

MMinh Luong

91% match