Multiple diagrams and maps

100%

Multiple diagrams and maps

✓ Published1🌍 Public

Last edited Jun 15, 2021

Created on Jun 15, 2021

A map and a time-series histogram visualize missing migrant data. The map uses a D3 natural Earth projection (`geoNaturalEarth1`) to place circles sized by the square root scale of casualties at their coordinates. The histogram below bins reported dates into monthly intervals using `d3.histogram` and `d3.timeMonths`, drawing rects scaled by total deaths. Both use `d3.scaleSqrt` and `d3.scaleLinear` within a React SVG rendering.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Map and Histogram

A map and histogram visualize the global distribution and monthly totals of migrant deaths and disappearances. The map uses a natural Earth projection with graticules and country borders, while scaled dark red circles represent the number of dead and missing at each location. The histogram below aggregates these incident counts by month. The visualization is built with React, D3 v5 (including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `scaleTime`, and `bin`), and SVG rendering, pulling data from a CSV of missing migrants and world atlas TopoJSON.

Nnexus1058

89% match

Loading thumbnail…

Missing migrants map and histogram

This visualization combines a natural Earth projection bubble map with a time-series histogram to show the geographic distribution and monthly totals of missing migrants. The map uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries, with circle areas scaled by the square root of deaths via d3.scaleSqrt. The histogram below bins reported dates into monthly intervals using d3.histogram and sums the corresponding casualties. Data comes from the Missing Migrants Project CSV, loaded via d3.csv, with React managing the composite SVG layout.

AAndrea Picciau

88% match

Loading thumbnail…

Migrants Multiple Views

This example combines a world map and a time-series histogram to visualize migrant deaths and missing persons. The map uses a natural Earth projection with graticules and country boundaries from TopoJSON, plotting circles scaled by `d3.scaleSqrt` to represent the total dead and missing per location. The histogram below aggregates the same data by month using `d3.histogram` and `d3.timeMonths`, with bar heights reflecting cumulative deaths. Both views are rendered as SVG within a React app, using `d3.csv` to load the Missing Migrants dataset and `topojson` for geographic features.

FFAN CHI YU(范紀予)

87% match

Loading thumbnail…

Combined map and histogram

A combined map and histogram visualizes the geographic distribution and temporal trends of missing migrants. The map projects city locations using a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with bubble sizes scaled by the square root of the total dead and missing count. Below, a time-series histogram bins reported dates monthly using `d3.histogram`, with bar heights summing the casualties per month. The visualization uses React for component structure and SVG for rendering, with data from the Missing Migrants CSV and world atlas TopoJSON.

FFonda Irena Santoso

87% match

Loading thumbnail…

Missed Migrants on a Map and Date Histogram

This visualization combines a proportional-symbol world map with a time-series histogram to explore migrant deaths and disappearances. The map uses `d3.geoPath` and `d3.geoNaturalEarth1` to project circular marks scaled by the square root of the “Total Dead and Missing” count, overlaid on land and graticule outlines. A date histogram below aggregates these counts by month, using `d3.bin` and `d3.timeMonths`, with bars colored to match the map’s teal palette. Data is loaded via `d3.csv` from a Missing Migrants Project subset.

Ee-ines

87% match

Loading thumbnail…

Missing Migrants Map + Histogram Combined

This visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. The map uses a natural Earth projection with proportional circles sized by the total dead and missing per location, while the histogram shows monthly totals over time. The code applies d3.geoPath for map rendering and d3.bin with time thresholds for histogram aggregation. React manages the component structure, with data loaded from a CSV of the Missing Migrants Project. SVG rendering renders both the map and the histogram, with a square root scale controlling circle radii.

BBen Brophy

87% match

Loading thumbnail…

A D3 map

This visualization combines a D3 natural Earth projection map with a time-series histogram. The map displays circles sized by migrant death tolls using `geoNaturalEarth1` and `geoPath`, while the histogram bins reported dates into monthly intervals using `d3.histogram` and `scaleTime`. The React app loads country boundaries from World Atlas TopoJSON and migrant data from a CSV, rendering all elements as SVG.

Mmaavwin6

87% match

Loading thumbnail…

Missing Migrants on a Map - Multiple Views

A map and histogram combine to visualize recorded deaths and disappearances of migrants. The map uses a natural Earth projection (`d3.geoNaturalEarth1`) and `d3.geoPath` to draw country boundaries, with circle size scaled by `d3.scaleSqrt` to represent the count of dead and missing per location. A date histogram below aggregates the same metric monthly using `d3.histogram` and `d3.timeMonths`, with `d3.scaleTime` and `d3.scaleLinear` axes. Both views render as SVG, driven by React components and loaded from a CSV dataset.

Ppranav-vis

87% match