Skip to main content
SimilarExport ZIP
100%

New Technique

✓ Published2🌍 Public
QQingyang Wang Profolio
Last edited Mar 29, 2023
Created on Mar 15, 2023
Forked from Simple World Map

This choropleth map visualizes global COVID-19 vaccination rates, specifically the percentage of each country’s population that is fully vaccinated, using a red sequential color scale. Hovering over a country highlights its border and displays a tooltip with the country’s name and vaccination percentage. The visualization uses the `d3.geoAzimuthalEqualArea` projection, `d3.geoPath`, and `d3.csvParse` to load and render geographic and CSV data, with a custom ordinal color legend built via `d3.scaleOrdinal`. Data comes from a local CSV file and world atlas TopoJSON.

AI-generated description

This map shows the Covid Vaccine taken rate for each country with data.

Put the mouse on the graph that will show country's name and its rate to users

MIT Licensed

Similar vizzes

Loading thumbnail…

New Tech: Point On Map

This interactive map displays COVID-19 vaccination rates for each country, with circle size indicating the percentage of the population vaccinated and color depth representing the percentage fully vaccinated. Hovering over a country reveals its name and full vaccination rate. The visualization offers three geographic projections—geoEqualEarth, geoAzimuthalEqualArea, and geoOrthographic—selectable via a dropdown menu. It uses d3.geoPath with TopoJSON world atlas data, d3.csvParse for vaccination data, and a d3-scaleLinear for circle radius.

QQingyang Wang Profolio
85% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map visualizes global COVID-19 vaccination rates, specifically the fully vaccinated population portion per country, using color intensity to show geographic disparities. The map renders countries as filled paths via `d3.geoPath` with a Natural Earth projection, while a `d3.scaleQuantile` maps data values to the `schemeYlGnBu` color scale, with gray for missing data. Data comes from a CSV file of vaccination statistics, parsed with `d3.csvParse`, and country boundaries use TopoJSON data processed through `topojson.feature`. The visualization updates asynchronously with `Promise.all` and `setState`.

SSeekerzero
84% match
Loading thumbnail…

Fork of Fork of Choropleth Map 2

This choropleth map displays COVID-19 vaccination data from a CSV dataset, allowing users to toggle between three metrics via a dropdown menu: fully vaccinated counts, fully vaccinated per 100 people, and total vaccinations. The visualization uses d3.geoNaturalEarth1, d3.geoPath, and d3.geoGraticule to render world country outlines, with d3.scaleQuantile and d3.schemeYlGnBu assigning color fills based on the selected metric. Data loads asynchronously via fetch and Promise.all, while the topojson-client library converts the world atlas TopoJSON into GeoJSON features. Missing values appear gray, and the map responds to window resizing.

SSeekerzero
83% match
Loading thumbnail…

vaccination dataviz Apr 13th d3_v4

This interactive D3.js visualization maps global COVID-19 vaccination totals onto a rotatable globe using `d3.geo.projection` and `d3.geo.zoom`. Country landmasses are colored by vaccination counts, with a color legend and hover tooltips via `d3.tip` providing details. The interface includes menu buttons and a select dropdown for additional control. The visualization relies on TopoJSON geographic data, rendered as SVG with graticules and striped patterns for missing data, and uses color schemes from ColorBrewer.

SSeekerzero
82% match
Loading thumbnail…

Choropleth map

A choropleth map of COVID-19 cases by country, with each nation colored on a spectral scale via `d3.scaleOrdinal` and `d3.schemeSpectral`. Hovering highlights a country in red, and a click-drag zoom uses `d3.zoom` with a Natural Earth projection (`d3.geoNaturalEarth1`) and `d3.geoPath`. Data loads from a CSV and TopoJSON using `d3.csv`, `d3.json`, and `topojson.feature`; a custom color legend renders SVG circles and text.

VVaggelisKlt
81% 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
81% 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
80% match
Loading thumbnail…

Load Covid Vaccination Data

This interactive visualization shows global COVID-19 vaccination data on a choropleth world map, with a toggleable bar chart displaying the top 10 countries by a selected metric. Users can hover over countries to see their vaccination rates. The visualization uses d3.geoPath for map rendering, d3.scaleQuantile with a YlGnBu color scheme, and d3.scaleBand for the bar chart. Data comes from the WHO vaccination dataset, loaded via fetch and parsed with d3.csvParse.

SSeekerzero
79% match