Skip to main content
SimilarExport ZIP
100%

Multiple Views Cleanup

✓ Published0🌍 Public
MmangoJ0106
Last edited Mar 30, 2020
Created on Mar 29, 2020

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.

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 Cleanup

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 `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` to render land, graticules, and proportional circles sized by `d3.scaleSqrt`. Below it, a date histogram bins monthly totals via `d3.histogram` and `d3.timeMonths`, with axes drawn from provided CSV data of missing migrants. The React framework manages SVG rendering, with `d3.csv` loading the dataset.

NNikhil Reddy Manda
93% match
Loading thumbnail…

Multiple Views Cleanup

This visualization combines a world map with a date histogram to show the locations and timing of migrant deaths and disappearances. The map uses a natural Earth projection with graticules, country boundaries, and semi-transparent circles scaled by the total dead and missing count. The histogram below aggregates the same metric by month, using d3.bin and d3.timeMonths. The data comes from a CSV of missing migrants, and the map is rendered with d3.geoPath and TopoJSON world atlas data.

SSam
92% match
Loading thumbnail…

Multiple Views Cleanup

This example combines a bubble map and a date histogram to visualize the locations and timing of migrant deaths and disappearances. The map uses d3.geoNaturalEarth1 and d3.geoPath to render world landmasses with graticules, while circles scaled by d3.scaleSqrt represent the total dead and missing per incident. The histogram below uses d3.bin with timeMonths thresholds and a scaleTime x-axis to aggregate the same data over time, with rect marks colored by the d3.linear y-scale. Data comes from the Missing Migrants Project CSV, and the React components use d3.v5 for all scales and shapes.

Yyuzhang21
92% 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
91% 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
91% match
Loading thumbnail…

Multiple Views

This example combines a bubble map and a date histogram to visualize the geographic distribution and temporal trends of migrant deaths and disappearances. A world map using `geoNaturalEarth1` and `geoPath` displays circles sized by the total dead and missing per location, while a time-series histogram below aggregates the same data by month using `bin` and `scaleTime`. The visualization is built with React and D3 v5, using SVG rendering and data from a CSV of global migrant incidents.

Jj-PGi
91% match
Loading thumbnail…

Multiple Views

This example shows a world map of migrant deaths and disappearances, with bubble sizes proportional to the total number of dead and missing per location. Below the map, a date histogram displays the monthly sum of these casualties over time, using a time-scaled bar chart. The map is rendered with `d3.geoNaturalEarth1` and `d3.geoPath`, while the histogram uses `d3.bin` and `d3.scaleTime`. Both views are built as React components with SVG, driven by CSV data on reported dates and coordinates.

Vvmonney
91% match
Loading thumbnail…

Multiple Views Cleanup

This example combines a bubble map with a date histogram to visualize missing migrants data. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render world landmasses, graticules, and country borders, with circle sizes scaled by `d3.scaleSqrt` based on the total dead and missing. The histogram below bins reported dates into monthly intervals using `d3.histogram` and `d3.timeMonths`, summing casualties per bin with `d3.sum`. Both views render as SVG within a React component structure, pulling data from a CSV of migrant incidents and TopoJSON world atlas boundaries.

Jjwlam83
91% match