Skip to main content
SimilarExport ZIP
100%

Dataviz 12 - Multiple views

✓ Published1🌍 Public
RRyAlpha
Last edited Nov 27, 2021
Created on Nov 27, 2021

This interactive visualization combines a proportional symbol map with a time-series histogram to explore migration incidents. The map uses a D3 natural Earth projection with graticules, plotting circles sized by the square-root scaled total dead and missing from the Simplemaps World Cities Database, overlaid on World Atlas TopoJSON land boundaries. Below, a date histogram bins reported incidents by month using D3's `scaleTime` and `histogram` APIs, displaying the aggregated casualty count per bin with axes from custom `AxisBottom` and `AxisLeft` components, all rendered as SVG in React.

AI-generated description

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.

MIT Licensed

Similar vizzes

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
88% match
Loading thumbnail…

Fork of Multiple Views Cleanup

This interactive visualization combines a world map of migration incidents with a time-series histogram. The map uses a natural Earth projection with graticules to display circles scaled by the total dead and missing, while the histogram below shows the same metric aggregated by month. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for circle sizing, and `bin` with `timeMonths` for the histogram. Data comes from the Missing Migrants Global dataset.

TToonysg
87% match
Loading thumbnail…

Multiple Views

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.

SShanmukh
87% match
Loading thumbnail…

Multiple Views Cleanup

This interactive visualization combines a world map with a time-series histogram to explore missing migrant data. The map uses a D3 geoNaturalEarth1 projection to render country boundaries from the World Atlas TopoJSON, with circles scaled by the square root of the death toll. The lower panel, built with d3.bin and timeMonths thresholds, aggregates deaths by reported date. The React component loads data from a CSV of the Missing Migrants Project, using d3.csv and topojson.feature to process geographic and tabular information.

CChris Briggs
86% match
Loading thumbnail…

Multiple Views Cleanup Examples of Multiple Graphs

This visualization combines a D3 geo map with a time-series histogram to explore reported migrant deaths and disappearances. The map uses a natural Earth projection with graticules and country boundaries, where circle size is scaled by the square root of the total dead and missing per location. The histogram below bins reported dates by month and sums the same metric, using D3’s scaleTime, scaleLinear, and histogram APIs. Data is loaded from a CSV of missing migrants, and the world atlas TopoJSON provides geographic features. Both views are rendered as SVG within a React component.

CCrossZeigler
86% match
Loading thumbnail…

Multiple Views

This example combines a bubble map with a date histogram to visualize missing migrant incidents. The map uses a d3.geoNaturalEarth1 projection with graticules and country boundaries from the World Atlas TopoJSON, while circles sized by d3.scaleSqrt represent the total dead and missing. The histogram bins the data by month using d3.bin and sums the casualties with d3.sum, displaying the temporal distribution. Both views are rendered as SVG in React, reading data from a CSV of the Missing Migrants Project.

MMichael Bergerson
86% match
Loading thumbnail…

multiple views migrant data on a map

This visualization combines a proportional bubble map with a time-series histogram to examine global migrant deaths and disappearances. The map plots each incident as a circle sized by the square-root scaled count of total dead and missing, overlaid on a Natural Earth land projection using d3.geoPath. A linked histogram below charts the monthly sum of deaths over time, using d3.bin and d3.scaleTime. Both views share the same dataset, rendered in SVG within a React framework using D3 v7.

BBlake McCarty
85% match
Loading thumbnail…

Multiple Views Cleanup

This example combines a world map with a date histogram to visualize migrant deaths and disappearances in 2019. The map uses a natural Earth projection and scaled circles to show the geographic distribution of incidents, while the histogram displays the monthly count over time. D3’s `geoNaturalEarth1`, `geoPath`, and `scaleSqrt` handle the map and circle sizing, while `scaleTime`, `histogram`, and `timeMonths` bin the temporal data. City and country boundaries come from the World Atlas TopoJSON, and the dataset is loaded via `d3.csv`. The visualization is rendered as SVG within a React component structure.

MmangoJ0106
85% match