Skip to main content
SimilarExport ZIP
100%

Latest Corona Virus Map

✓ Published2🌍 Public
0007ebey
Last edited Apr 12, 2020
Created on Feb 19, 2020
Forked from HTML Starter

This map visualizes global data with a focus on India, using a natural Earth projection rendered as SVG paths. It loads world country boundaries from the World Atlas TopoJSON and India’s state boundaries from a separate TopoJSON source, while also fetching live COVID-19 confirmed case data from the covid19api.com dayone endpoint. The visualization supports zooming and panning via d3.zoom, with hover effects that highlight countries. However, the COVID-19 data is fetched but not yet integrated into the map’s visual encoding, leaving the choropleth coloring unimplemented.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Corona Virus Status

This visualization uses a stacked area chart to display the daily confirmed, recovered, and death case counts from the COVID-19 pandemic in India over a specific time period. Built with D3 v5 and React, the chart’s SVG rendering maps dates to the x-axis and case counts to the y-axis. The code processes `covid.json` data and uses D3’s `stack`, `area`, `curveBasis`, and `areaLabel` APIs to construct and label the stacked areas, with a color scale from `d3.schemeDark2`.

0007ebey
79% 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
79% match
Loading thumbnail…

Corona Confirmed Cases Map

This choropleth map visualizes confirmed COVID-19 cases per country over time, with each nation’s cumulative case count encoded by color on a natural Earth projection. Clicking a legend entry highlights matching countries and dims others, while a zoom interaction allows panning and scaling the SVG map. The visualization uses d3.geoPath and d3.geoNaturalEarth1 for geographic rendering, d3.scaleOrdinal with schemeSpectral for the color scale, and d3.zoom for interactivity. Data comes from a CSV file containing daily case counts from January through June 2020, joined with world topology from TopoJSON via d3.csv and topojson.feature.

NNodirbek Parpibaev
79% match
Loading thumbnail…

Corona Confirmed Cases Map

This choropleth map visualizes confirmed COVID-19 cases per country over time, with each nation’s cumulative case count encoded by color on a natural Earth projection. Clicking a legend entry highlights matching countries and dims others, while a zoom interaction allows panning and scaling the SVG map. The visualization uses d3.geoPath and d3.geoNaturalEarth1 for geographic rendering, d3.scaleOrdinal with schemeSpectral for the color scale, and d3.zoom for interactivity. Data comes from a CSV file containing daily case counts from January through June 2020, joined with world topology from TopoJSON via d3.csv and topojson.feature.

NNodirbek Parpibaev
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…

Corona Virus Status

This visualization displays the progression of confirmed, recovered, and death cases from COVID-19 in India over time, using a stacked area chart built with React and D3 v5. The data is fetched live from the COVID19 API for each status category and processed into a stacked layout using `d3.stack()`. The chart uses `scaleTime` and `scaleLinear` for axes, with SVG rendering and zoom functionality, though the primary visualization focuses on the temporal trends of case counts.

0007ebey
79% match
Loading thumbnail…

I Raihan Jamil Corona Map!

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.

Xxiaoma1002
78% 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
78% match