Fork of Fork of Choropleth Map 2

100%

Fork of Fork of Choropleth Map 2

✓ Published1🌍 Public

Last edited Apr 27, 2023

Created on Apr 27, 2023

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.

AI-generated description

A choropleth map of World Bank Dataset: GDP per capita, PPP (current international $).

Similar vizzes

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

92% match

Loading thumbnail…

New Technique

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.

QQingyang Wang Profolio

83% match

Loading thumbnail…

Choropleth map

This choropleth map visualizes COVID-19 cases, deaths, and recent 14-day case counts by country, using color to encode case numbers and hover tooltips to reveal detailed statistics. The map uses `d3.geoNaturalEarth1` projection with `d3.geoPath` to render world geography, while `d3.scaleOrdinal` with `schemeSpectral` assigns colors to case values. Data is loaded from a TSV file and TopoJSON world atlas, processed with `topojson.feature`, and rendered as SVG paths. A custom color legend and `d3.zoom` are also implemented.

VVaggelisKlt

81% 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

81% 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…

Fork of US Daily COVID-19 Vaccination Dashboard

This dashboard visualizes COVID-19 vaccination doses administered across U.S. states, combining a choropleth-style map with a daily bar chart. The map displays proportional circles for each state’s fully vaccinated population, positioned via `d3.forceSimulation` over `d3.geoPath` projections. A dropdown menu selects a state for the bar chart, which shows daily vaccinations and supports brushing via `d3.brushX` to update the map’s displayed date. Data comes from a CSV of state-level vaccination records, rendered with D3 v6 and React.

Jjoslyn54

81% match

Loading thumbnail…

Fork of Fork of Let's make a map with D3.js!

A choropleth map of Spain displays COVID-19 cases as proportional circles and vaccination percentages via a sequential YlOrRd color scale, with hover tooltips revealing province names. Using d3.csv and d3.json, the visualization merges external COVID data with TopoJSON geographic boundaries from es-atlas. d3.geoMercator projects the map, while d3.geoPath draws province paths, and d3.scaleSqrt sizes circles based on case counts. The d3.scaleSequential color scale encodes vaccination rates, with interactive hover effects changing province fill colors.

Mmartajimpac

80% 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

80% match