Skip to main content
SimilarExport ZIP
100%

Visal Refusals Choropleth Map

✓ Published0🌍 Public
MMaxwell Dayvson da Silva
Last edited May 10, 2020
Created on Apr 26, 2020

A choropleth world map visualizes visa refusal rates by country for 2019, with a yellow-orange-red sequential color scale indicating increasing refusal counts and gray for missing data. Built with React and D3 v5, it uses `geoAzimuthalEqualArea` for projection, `geoPath` for rendering country boundaries, graticules, and sphere outlines, plus `scaleSequential` with `interpolateYlOrRd` for coloring. Country codes are matched from ISO data, and country shapes come from World Atlas TopoJSON.

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…

US vs the World (Visa Refusals)

This choropleth visualizes visa refusal rates by country, using a yellow-or-brown color scale to indicate economic classification rather than refusal counts. The map, rendered as an SVG with a blue sphere background, uses a natural Earth projection and supports zooming. Data is loaded from the World Atlas TopoJSON and TSV files, with each country’s path colored via `d3.scaleOrdinal` and `schemeYlOrBr`. A custom color legend shows the ordinal categories, while hovering highlights a country in red and displays its name and economy type in a tooltip.

MMaxwell Dayvson da Silva
84% match
Loading thumbnail…

make choropleth map

A choropleth map displays the global prevalence of AIDS across countries for the year 2017, using a yellow-orange-red sequential color scale to indicate severity. Countries without data appear gray. Built with React and D3 v5, the visualization uses `geoNaturalEarth1` and `geoPath` to render country boundaries from World Atlas TopoJSON, with graticules and interiors drawn as separate SVG paths. Data is loaded from CSV files via D3's `csv` function, and country codes are matched to join the dataset.

MMehika Patel
75% match
Loading thumbnail…

Choropleth map

A choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, with countries colored on a yellow-orange-red sequential scale using d3.scaleSequential and interpolateYlOrRd. Gray marks indicate missing data. The visualization uses d3.geoNaturalEarth1 and d3.geoPath to render SVG paths from TopoJSON world atlas data, with country codes matched to CSV data from the IHME via ISO numeric codes. React manages the component lifecycle, loading data asynchronously through custom hooks.

TTakuya Kitazawa
74% match
Loading thumbnail…

Choropleth Map

A choropleth map colors world countries by economic classification using an ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral, with a legend rendered via a custom colourLegend component. Geographic shapes are drawn with d3.geoPath and a Natural Earth projection, while data loads from World Atlas TopoJSON and TSV files. Hovering highlights countries, and d3.zoom enables panning and zooming with animated transitions on the legend circles.

JJoseph Popoola
74% match
Loading thumbnail…

Choropleth - HIV/AIDS Data

This choropleth visualizes the global share of the population aged 15–49 infected with HIV/AIDS in 2017, using a sequential yellow-orange-red color scale to encode prevalence values. The map is rendered as an SVG with React, leveraging d3.geoNaturalEarth1 and d3.geoPath to project world countries from TopoJSON, while country codes are matched via an ISO-3166 CSV. Countries without data appear in light gray, with graticules and interior borders overlaid for spatial reference.

Jjulesgentry
74% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes world countries using color to distinguish region boundaries and a blue sphere to represent the Earth’s surface. It loads geographic data from the World Atlas TopoJSON and TSV files via Promise.all, then renders each country as an SVG path using d3.geoPath with the d3.geoNaturalEarth1 projection. Hovering turns countries red, and tooltips display country names through appended title elements. The visualization supports zoom interaction via d3.zoom, with light green fills and black strokes for borders.

Yylzami40
73% match
Loading thumbnail…

20 - choropleth map - dataviz 2018

A choropleth map of the world colors each country according to its economic classification, with a color legend on the left. The map uses a natural Earth projection rendered with `d3.geoPath`, and country data comes from the `world-atlas` TopoJSON and TSV files. A sequential color scale based on `d3.scaleOrdinal` and `schemeSpectral` assigns hues, and hovering turns a country red via SVG CSS. The visualization is built with D3 v5 and the `topojson` library's `feature` function, with zoom capability via a custom `zoom` callback.

Zzach b.
73% match
Loading thumbnail…

Choropleth map

This choropleth map displays countries colored by economic classification, sourced from the world-atlas dataset. Built with React and d3.v5, it uses d3.geoNaturalEarth1 and d3.geoPath to project and render GeoJSON features. A color legend, created with a custom d3.scaleOrdinal component, maps categories to a spectral scheme. D3 zoom interactions allow panning and scaling, while CSS hover states highlight individual countries.

VVaggelisKlt
73% match