Skip to main content
SimilarExport ZIP
100%

world map

✓ Published1🌍 Public
Ssucotton9
Last edited Jul 23, 2021
Created on Jul 18, 2021

This world map visualization displays global migration data for the year 2019, with each country’s migrant population represented by a white circle whose radius is scaled to the data value. The map uses a Natural Earth projection with graticules, country boundaries, and interior mesh lines. The visualization is built with React, D3 v5, and the topojson library, rendering SVG paths for the geographic features and circles for the data points. The geographic data comes from the world-atlas GeoJSON dataset, while migration figures are loaded from a CSV file.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

33. Migrants on a Map

This example visualizes events from the Missing Migrants Dataset on a world map using a Natural Earth projection. Each circle represents a single migrant incident, with its radius scaled by the square root of the total dead and missing count. The map renders SVG elements via React, using d3.geoPath for country boundaries, graticules, and sphere outlines, while d3.scaleSqrt maps data values to circle radii. The visualization loads geographic data from World Atlas TopoJSON and migrant records from a CSV file.

PPrashish Paudel
84% match
Loading thumbnail…

Fork of World Map migrants

This visualization displays a world map with semi-transparent circles marking locations of missing migrants, sized proportionally to the total number of dead and missing individuals. Using React, d3.geoNaturalEarth1, and d3.geoPath, it renders land boundaries, interiors, graticules, and a sphere. Circle radii are scaled with d3.scaleSqrt based on data from a CSV dataset, which is loaded via d3.csv and combined with World Atlas TopoJSON for geographic features.

Mmarianamartins87
83% match
Loading thumbnail…

Migrant Map

A world map visualizes missing migrant incidents, with semi-transparent purple circles sized by the total number of dead and missing at each location. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, country interiors, and graticules from TopoJSON world atlas data. Circle radii are scaled with `d3.scaleSqrt` based on data from a CSV of missing migrants. The React-based implementation loads the data and map topology asynchronously using hooks before rendering SVG circles over the geographic base.

FFonda Irena Santoso
83% match
Loading thumbnail…

Missing migrants on a map

This example visualizes the locations of missing migrants on a world map, with circle size encoding the total number of dead and missing per incident. Built with React and D3.v5, it renders a natural Earth projection using `geoNaturalEarth1` and `geoPath`, while `geoGraticule` draws graticule lines. Migration data is loaded from a CSV using `d3.csv` and the world atlas topology from `world-atlas` via `d3.json`, with `topojson` features generating land and interior boundaries. Circle radii are scaled using `d3.scaleSqrt` based on the maximum casualty count.

Rrajamrit-singh
83% match
Loading thumbnail…

World Immigrants

A world map displays immigrant flows between countries, with colored lines connecting origin and destination coordinates based on 2020 migration data. Clicking a country highlights it and filters the visualization to show only flows to that nation, while a horizontal bar chart at the bottom ranks the top ten destinations by immigrant count. The visualization uses React, D3 v5 APIs including `d3.geoNaturalEarth1`, `d3.geoPath`, `scaleBand`, and `scaleSqrt`, along with `d3.ForceEdgeBundling` for line bundling. Data is loaded from CSV files via D3's `csv` method, with zooming enabled through `d3.zoom`.

Sserjunfan
83% match
Loading thumbnail…

Missing Migrants on a Map

A world map visualizes the locations and magnitudes of missing migrant incidents, with semi-transparent circles sized by the total number of dead and missing per coordinate. The visualization uses D3’s `geoNaturalEarth1` projection and `geoPath` for land and graticule rendering, while a square-root scale maps incident counts to circle radii. React manages the component state, loading CSV data and world-atlas TopoJSON via hooks. The SVG rendering provides a clean overview of global migration-related fatalities.

Vvmonney
82% match
Loading thumbnail…

Migrants on a Map

This visualization displays migrant deaths as proportional circles on a natural Earth projection map. The data, sourced from a CSV file containing coordinates and death counts, is plotted using d3.scaleSqrt to size each circle according to the number of fatalities. The map is rendered with React and SVG elements, utilizing d3.geoNaturalEarth1 and d3.geoPath for geographic projections, with d3.geoGraticule adding grid lines. The world atlas features come from TopoJSON, and the circles are semi-transparent green to show overlapping incidents.

Ww.fukuyama@gmail.com
82% match
Loading thumbnail…

Fork of world map

This visualization displays global immigration numbers across multiple years, with proportional circles overlaid on a natural Earth projection map. Users can select different years from a dropdown menu to update the circle sizes. The React app uses d3.geoNaturalEarth1 with d3.geoPath to render country boundaries, graticules, and sphere from TopoJSON data, while d3.scaleSqrt scales circle radii for immigrant counts from the Sense Your City dataset.

Ssucotton9
82% match