Skip to main content
SimilarExport ZIP
100%

Immigrants to the US 2019

✓ Published0🌍 Public
RReggieW
Last edited Aug 9, 2022
Created on Aug 9, 2022

This visualization shows a world map highlighting countries as the source of immigrants to the US in 2019, using a natural Earth projection. The map renders countries in green with hover effects that turn them orange, while a light blue sphere represents the globe. Built with D3 v5, it loads GeoJSON and TSV data from the world-atlas package, using `d3.geoPath` and `geoNaturalEarth1` for projection, and `topojson.feature` to convert TopoJSON into GeoJSON features.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

US Immigrants

This example displays a natural Earth projection of world countries, colored light green and filling a blue sphere, with country names shown as tooltips on hover. The map supports zooming and panning via d3.zoom, which applies an SVG transform to the grouped map elements. The visualization uses d3.geoNaturalEarth1 and d3.geoPath to render the TopoJSON world-atlas data, while country names are resolved from a TSV lookup table. Hovering highlights countries in red through CSS, and the code imports d3 v5 and topojson v3 from CDNs.

RReggieW
85% match
Loading thumbnail…

US Immigrants

This example displays a world map with countries rendered in green, which highlight to orange on hover over an equirectangular projection with a blue sphere background. It uses D3 v5’s `geoEquirectangular` and `geoPath` to project and draw country boundaries from TopoJSON data loaded from the world-atlas package. The SVG is populated via D3’s data join, while CSS handles the hover effect.

RReggieW
84% match
Loading thumbnail…

Fork of US Immigrants

This visualization shows a world map rendered with an equirectangular projection, where each country is displayed as a green filled area with black outlines. The map includes a blue sphere backdrop and features a hover effect that changes country fills to orange. Built with D3 v5 and TopoJSON, the code uses `d3.geoPath` and `d3.geoEquirectangular` to project geographic data from the world-atlas 110m dataset. Country boundaries are generated via the `feature` method from TopoJSON, and the SVG output is styled through external CSS.

RReggieW
82% 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
78% match
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
77% 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
76% match
Loading thumbnail…

world map

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.

Ssucotton9
76% 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
75% match