Skip to main content
SimilarExport ZIP
100%

World Immigrants

✓ Published1🌍 Public
Sserjunfan
Last edited Jun 23, 2021
Created on Jun 12, 2021

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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Immigrants flow map between countries

This map visualizes immigrant flows between countries using curved lines on a geographic projection. The visualization uses D3’s geoNaturalEarth1 projection and geoPath to render country boundaries, graticules, and flow paths, with React managing the data loading. Immigration data from a 2020 CSV file is processed to extract origin and destination coordinates, and only valid country pairs are displayed. The map uses SVG for rendering, with flows colored in teal to distinguish them from the gray sphere and country fills.

Sserjunfan
88% match
Loading thumbnail…

V4 Immigrants flow map between countries

This map visualizes immigrant flows between countries in 2020 using an interactive world map. Users can click a country to highlight it as the origin and display bundled curved paths projecting to all destination nations, with stroke opacity indicating connection strength. The visualization uses D3 v5's `geoNaturalEarth1` and `geoPath` for map rendering, `d3.ForceEdgeBundling` for curve grouping, and a `scaleSequential` color scale based on migration numbers. Country boundaries derive from TopoJSON world-atlas data, while migration statistics come from a CSV gist.

Sserjunfan
88% match
Loading thumbnail…

V1 Immigrants flow map between countries

This interactive map visualizes global migration flows for the year 2020, showing curved lines between countries that represent immigrant origins and destinations. Users click on a country to isolate and display only the flows originating from that nation. The visualization uses D3’s `geoNaturalEarth1` projection, `geoPath` for rendering the world map and graticules, and React for handling user interactions. Geographic coordinates are derived from a CSV file, while migration counts come from a separate dataset; the map itself is built from topojson data converted to GeoJSON.

Sserjunfan
87% match
Loading thumbnail…

V3 Immigrants flow map between countries

This interactive map visualizes global immigrant flows between countries for 2020, based on UN migration data. Clicking a country highlights its origin by turning it red and draws curved flow lines to its destinations, with stroke color encoding the number of immigrants via a sequential blue-purple color scale. The visualization uses d3.geoNaturalEarth1 projection and d3.geoPath to render world map features, while React manages the selection state and d3.zoom enables pan and zoom interactions.

Sserjunfan
87% match
Loading thumbnail…

Fork of of V6 Immigrants flow map between countries

This interactive map visualizes global immigration flows to and from selected countries in 2020. Clicking a highlighted country filters and displays bundled migration paths, rendered as curved lines, from that origin to destinations worldwide, with a bar chart below ranking the top 20 destination countries by immigrant count. The visualization uses React with D3 v5, employing `d3.geoNaturalEarth1` and `d3.geoPath` for the map, `d3.ForceEdgeBundling` for flow aggregation, and `d3.scaleBand` with `d3.scaleSqrt` for the bar chart, drawing data from a CSV file.

Sserjunfan
87% match
Loading thumbnail…

Fork of Fork of Fork of of V6 Immigrants flow map between countries

This interactive map visualizes global immigrant flows to a selected country, displaying both origin-destination paths and a bar chart of top destination regions. Clicking a country or highlighted point filters the flow lines and bars accordingly. Built with React and D3 v5, it uses `geoNaturalEarth1` projection and `geoPath` for the world map, while flow paths are generated through force-directed edge bundling via `d3.ForceEdgeBundling`. Immigrant data comes from a CSV file, with coordinates matched by country name, and zooming is implemented using `d3.zoom`.

Sserjunfan
86% match
Loading thumbnail…

of V6 Immigrants flow map between countries

This interactive map visualizes immigrant flows between countries, with each line representing migration from an origin to a destination country. Clicking a country highlights it in red and filters the visualization to show only its incoming migration flows, while all other flows remain hidden. The map uses a natural Earth projection via `geoNaturalEarth1` and `geoPath`, with curved lines generated by `d3.ForceEdgeBundling` to reduce visual clutter. The data comes from CSV files loaded with `d3.csv`, and the interface is built with React, allowing users to zoom and pan the SVG-based visualization.

Sserjunfan
86% match
Loading thumbnail…

Fork of V2 Immigrants flow map between countries

This interactive map visualizes immigrant flows between countries, showing curved paths from origin to destination for the year 2020. Clicking a country highlights it in red and displays only the migration lines associated with that selected country. The visualization uses React hooks for state management and data fetching, with D3’s `geoNaturalEarth1` projection and `geoPath` for rendering the world map and flow lines as SVG paths. Coordinates come from a local CSV, migration data from a Gist, and country boundaries from a TopoJSON world-atlas file.

Sserjunfan
85% match