Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published1🌍 Public
Bbeca8675
Last edited May 6, 2020
Created on May 6, 2020
Forked from Choropleth Map

This choropleth map visualizes the INFORM epidemic risk index by country, using a five-class orange color scale. Darker shades indicate higher risk. The map is rendered as an SVG using D3.js v4, with the `d3.geoMercator` projection and `d3.geoPath` to draw country boundaries from a world GeoJSON file. Data values from the `informrisk.csv` file are joined to the map features by ISO3 code, with the `d3.scaleThreshold` function mapping risk scores to colors.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

A choropleth map visualizes epidemic risk class by country, using color to indicate risk levels from low to very high. Drawn with d3.geoPath and a natural Earth projection, the map supports pan and zoom, with hover tooltips displaying country, risk class, and rank. Data comes from a CSV file joined with world-atlas TopoJSON. A legend uses d3.scaleOrdinal and the RdPu color scheme to explain the ordinal classes.

Bbeca8675
83% match
Loading thumbnail…

Choropleth Map

A choropleth map visualizes epidemic risk across countries, using color intensity to show the P2P risk index and a legend with ordinal color swatches. The map is rendered with SVG paths generated by `d3.geoPath` and a `geoNaturalEarth1` projection, with TopoJSON data from the World Atlas and risk data from a CSV file. Hovering highlights a country, and missing data appears gray. Users can zoom and pan the map via `d3.zoom`, while `scaleOrdinal` and `schemeRdPu` drive the color encoding.

Bbeca8675
81% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes the "Lack of Coping Capacity" index across countries, using a green color scale to represent varying levels of vulnerability. The map is rendered as an SVG using d3.v4, with the d3.geoMercator projection and d3.geoPath to draw country boundaries. Country data is loaded from a CSV file and joined to the GeoJSON features by ISO3 code, with colors assigned via d3.scaleThreshold and the d3.schemeGreens color scheme.

Bbeca8675
75% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes COVID-19 confirmed cases across countries, with color encoding based on economic classification. Users can click entries in the color legend to highlight matching countries on the map, while unselected countries fade in opacity. The map uses d3.geoNaturalEarth1 projection with d3.geoPath for rendering country boundaries, and d3.zoom for pan and zoom interactions. Both the map and legend are built as reusable functions, with data loaded from CSV files containing country metadata and daily case counts.

Iinroadings
75% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes the global distribution of COVID-19 cases using a red and green color scheme, with each country’s fill color indicating the presence of cases on a specific date. The map is rendered with SVG using D3’s `geoNaturalEarth1` projection and `geoPath` for geographic outlines, while `zoom` enables interactive panning. Data is loaded from a CSV file and merged with TopoJSON world geometry via `loadAndProcessData`, and a custom `colorLegend` component displays the categorical scale.

NNodirbek Parpibaev
75% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017. Countries are colored on a yellow-orange-red sequential scale using d3.scaleSequential with interpolateYlOrRd, with gray indicating missing data. The map uses d3.geoNaturalEarth1 projection, d3.geoPath, topojson features for country boundaries, and a geoGraticule overlay. Data comes from IHME prevalence statistics loaded via d3.csv, rendered as SVG paths in a React framework.

Iiblub
73% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes the global share of the population infected with HIV/AIDS in 2017, sourced from IHME data. The map uses a sequential yellow-orange-red color scale to encode prevalence rates across countries, with gray representing missing data. Built with React and D3 v5, it renders a Natural Earth projection using `geoNaturalEarth1` and `geoPath`, with country boundaries from the world-atlas TopoJSON. The data is loaded via D3’s `csv` and joined to map features using ISO alpha-3 codes.

Uuplusv
73% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes global COVID-19 cumulative case counts by country, with each nation shaded according to its reported total. The map uses a natural Earth projection and is rendered as SVG, with a zoom interaction allowing users to inspect regions in detail. Data comes from a CSV file joined with world country boundaries from the World Atlas TopoJSON, while colors are assigned via d3.scaleOrdinal with a spectral scheme. Hovering reveals the country name and case count through an SVG title element.

Ggcappadaniel
73% match