Untitled

100%

✓ Published1🌍 Public

Last edited Mar 17, 2020

Created on Mar 17, 2020

This visualization displays the number of asylum seekers arriving in Canada from various countries of origin between 1959 and 1970. It uses a red arc to connect Washington, D.C. and Beijing across an equirectangular projection of the world map. The map is rendered using the `d3.geo` API, with graticule, land, and boundary layers. The asylum data is loaded from a CSV file and joined with the country features from a TopoJSON world atlas.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This visualization displays a world map with asylum seeker data, highlighting the flow of refugees from various countries to Canada over time. Using D3 version 3, the map employs a geographic equirectangular projection with graticules, land boundaries, and a red arc connecting two specific locations. The code loads TopoJSON world data to render land masses and country borders, while the asylum data is loaded from an external CSV file. The visualization demonstrates how geographic and temporal asylum patterns can be represented through interactive map-based data visualization.

Aankita1mit

91% match

Loading thumbnail…

Arc Generator

This visualization displays asylum-seeking flows between countries on a world map using curved arcs that connect country centroids. When hovering over a country, arcs appear linking it to several pre-selected destinations, though the data shown represents a small sample rather than the full asylum.json dataset. The visualization uses an SVG rendering approach with D3 v5's geoNaturalEarth1 projection and geoPath to draw country boundaries, while custom arc-generating logic creates the connecting paths. The style.css file defines the map aesthetics, including light green country fills and red arcs.

Aankita1mit

77% match

Loading thumbnail…

Circles on Map

This visualization displays asylum seeker data on a world map using a natural Earth projection. Small black circles mark the approximate centroid of each country, with circle size not varying by value. The map is rendered with SVG paths and supports zoom and pan through d3.zoom. Data comes from a CSV file of asylum claims, loaded and joined with TopoJSON country boundaries using TopoJSON's feature method and d3.csv.

Aankita1mit

75% match

Loading thumbnail…

HTML Starter

This example visualizes asylum seekers departing from countries worldwide, with a choropleth map coloring each nation by the number of departures for a selected year. It uses a natural Earth projection via `d3.geoPath` and `d3.geoNaturalEarth1`, with data loaded from a TopoJSON world atlas and a local asylum JSON file. A threshold color scale and `d3.legendColor` display the legend, while a slider updates the displayed year and re-renders the map with `d3.queue`.

Aankita1mit

75% match

Loading thumbnail…

Gist 5e36771400038b0c861c6617c622c5f7

A map of Canada visualizes interprovincial migration flows for 2017 Q2 and Q3, using animated, arrow-headed routes and scaled circles to show the net movement of people between provinces and internationally. Provincial boundaries are rendered from a TopoJSON file via `d3.geoPath` with a conic conformal projection, while migration data from a CSV file drives the visualization. A dropdown menu lets users switch between time periods, and D3 v4 handles the SVG rendering and animations.

MMbrownshoes

71% match

Loading thumbnail…

let's make a bar chart.js

This bar chart displays the annual number of asylum seekers arriving in Australia, broken down by country of origin from 1976 to 1995. The chart uses a horizontal bar layout where each bar’s length represents the refugee count for a specific origin in a given year. Built with React and D3 v5, the visualization relies on `d3.csv` to parse the data, `scaleLinear` for the x-axis value mapping, and `scaleBand` for the y-axis categorical placement. All rectangles are rendered as SVG elements within a 960×500 viewport, with bar heights determined by the bandwidth of the band scale.

Aankita1mit

71% match

Loading thumbnail…

Untitled

A choropleth map shows the total number of airline passengers traveling to and from India for 54 countries, using a cyan-to-red color scale to represent traveler counts. The visualization loads flight data from a CSV file via `d3.csv`, then passes it through JavaScript to a Google Charts GeoChart, which renders the geographic regions. The code also references D3 v4 and a TopoJSON file for US states, though the map itself is drawn by the Google visualization API.

Jjs164

70% match

Loading thumbnail…

Untitled

A choropleth map colors countries according to the number of students per country, with a sequential red color scale and a legend showing count ranges. The visualization uses D3 v5’s `d3.geoMercator` projection and `d3.geoPath` to render world topology from the World Atlas TopoJSON, while data from a TSV file is joined to country features. Country boundaries are styled with white strokes, and hovering highlights the selected country.

Bbambaleq

69% match