I Raihan Jamil Corona Map!

100%

I Raihan Jamil Corona Map!

✓ Published0🌍 Public

Last edited Mar 22, 2020

Created on Mar 22, 2020

This visualization displays COVID-19 case and death statistics on a world map, with countries colored according to economic classification using a sequential spectral color scale. The map is rendered using SVG through D3.js v5, with geographic projections applied via `geoNaturalEarth1` and `geoPath`. Country boundaries come from the World Atlas TopoJSON dataset, while the map supports zooming through D3's `zoom` behavior. Hovering over a country reveals its name and associated COVID-19 metrics via tooltips.

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…

Let's make a map

This interactive map visualizes COVID-19 case and death counts by country, with bubble sizes scaled to total cases and colors indicating severity. Users can zoom and pan using d3.zoom, while hovering over bubbles reveals detailed statistics via tooltips. The visualization combines a Natural Earth projection using d3.geoNaturalEarth1 and d3.geoPath, with geographic data loaded from the world-atlas TopoJSON and COVID-19 statistics from an external dataset. Countries are rendered as SVG paths with hover highlighting, and the animated bubble layer uses d3.scale.sqrt and linear color scales for proportional encoding.

Ssureshreddypr

82% match

Loading thumbnail…

Fork of Covid-19 confirmed cases

This visualization displays global COVID-19 confirmed cases and deaths on a world map, using a spectral color scale to represent case counts per country. Built with React and rendered as SVG, it employs d3.geoNaturalEarth1 and d3.geoPath to project geographic boundaries from world-atlas TopoJSON, while loading case data from a TSV file. A custom color legend with circles and text labels clarifies the scale, and hovering over a country highlights it in red and shows a tooltip with its name, case count, and death toll. The map supports zooming through d3.zoom, and the color scale uses d3.scaleOrdinal with d3.schemeSpectral.

Bbhargav83

82% match

Loading thumbnail…

World Map with COVID-19 Data

This visualization presents a choropleth world map color-coded by total COVID-19 cases, with proportional pie charts overlaid on each country to break down cases versus deaths. Built with React and D3 v6, it uses `d3.geoMercator` for projection, `d3.geoPath` to render country boundaries from GeoJSON, and `d3.scaleQuantize` for the color gradient. Hovering a country reveals a tooltip with its name, while each pie chart is generated with `d3.arc` and `d3.pie` with radii scaled by `d3.scaleSqrt`. Data comes from the Our World in Data COVID-19 dataset.

Bbhargav83

80% match

Loading thumbnail…

coronavirus countries Map

This choropleth map visualizes COVID-19 statistics by country, allowing users to switch between confirmed cases, deaths, and recoveries via a dropdown menu. Country boundaries are rendered with `d3.geoPath` using Natural Earth projection, while circle symbols sized by `d3.scaleSqrt` represent the selected metric at each country’s centroid. Data is loaded from a CSV file and merged with TopoJSON world geometry, with color and size legends providing context. Interactive zooming is enabled through `d3.zoom`.

Pprincit

80% match

Loading thumbnail…

Let's make a map with D3.js!

This interactive map visualizes COVID-19 case data by country, with a control panel that categorizes confirmed cases, recoveries, and deaths into distinct stages. The visualization uses D3.js v5 and TopoJSON to render a world map from Natural Earth data, employing `d3.geoPath` with a natural Earth projection and SVG paths. Users can zoom and pan the map via `d3.zoom`. A drop-down menu allows switching between different dates, and the data appears to come from a CSV dataset tracking the pandemic’s progression through early 2020.

SSarahKiyani

79% match

Loading thumbnail…

Covid-19 cases global data

This visualization displays global COVID-19 case data on an interactive world map using a natural Earth projection, with each country rendered as a green SVG path that turns red on hover. The map uses d3.geoPath with d3.geoNaturalEarth1 for geographic projection, and d3.zoom enables panning and zooming. Country boundaries come from the world-atlas TopoJSON dataset, while country names are joined via the corresponding TSV file. The sphere background is styled blue, and the visualization relies on D3 v5 and topojson.feature to process the geographic data.

Ggcappadaniel

79% match

Loading thumbnail…

coronavirus countries Map

A world map visualization shows the geographic distribution of COVID-19 cases, allowing users to toggle between confirmed cases, deaths, and recoveries via a dropdown menu. Country boundaries are rendered with d3.geoPath, while proportional circles sized with d3.scaleSqrt mark outbreak severity at each nation’s centroid. Data from a CSV file is joined to TopoJSON country geometries using a country code key. The map supports zooming and panning via d3.zoom, and includes custom color and size legend components built with D3’s selection and scale APIs.

AAlex Ley

79% match

Loading thumbnail…

Choropleth map

This choropleth map visualizes total COVID-19 cases by country, using a spectral color scale to encode case counts on a natural Earth projection. The map supports pan and zoom via d3.zoom, with tooltips showing country names and case values. It renders with d3.geoPath and TopoJSON world data, while a custom color legend built with D3 scales displays the ordinal color mapping. The data is loaded from a TSV file joined to country geometries.

VVaggelisKlt

79% match