Saipramod Yerra

@saipramodme·5 public vizzes

haneesh reddy

This interactive map shows the global spread of COVID-19 cases over time. The visualization renders a world map using `d3.geoPath` and `d3.geoMercator` from the d3 library, with circles representing reported cases per country, sized using `d3.scaleSqrt`. A slider allows browsing through the date range, with data parsed from a CSV file. The implementation uses d3.v5 and topojson to process geographic data, and the date slider updates the display.

Apr 26, 2024

Loading thumbnail…

Fork of Covid-19 Time Series: Total Number of Cases Worldwide Since 01/02/22

A map of cumulative COVID-19 cases worldwide uses a date slider to animate over time. Orange circles, scaled with `d3.scaleSqrt`, are projected onto a mercator globe using `d3.geoProjection` and `d3.geoPath`, with hover tooltips showing country, province, and case counts. The slider controls which date’s data is displayed, and transitions animate circle radius changes. Data is loaded from Johns Hopkins via CSV, with the world map built from TopoJSON features.

Apr 26, 2024

Loading thumbnail…

Fork of Covid-19

This map visualizes confirmed COVID-19 cases per country as of September 25, 2020, using a sequential color scale applied to a natural Earth projection. It loads country boundaries from the `world-atlas` TopoJSON and case data from a TSV file, then renders each country as an SVG path with a fill color derived from the case count. Hovering highlights a country in red and reveals a tooltip with total cases, deaths, and cases from the last 14 days. The implementation uses d3's `geoPath`, `scaleOrdinal`, and `schemeSpectral`, with custom zoom and interactive color legend controls.

Apr 26, 2024

Loading thumbnail…

Fork of Covid-19

This interactive SVG map visualizes the global distribution of confirmed COVID-19 cases, total deaths, and recent 14-day case counts as of September 25, 2020. It displays countries colored by a sequential spectral scale, with hover tooltips revealing detailed statistics. The visualization uses D3.js v5, leveraging `geoPath` and `geoNaturalEarth1` for map projection, `scaleOrdinal` and `schemeSpectral` for coloring, and custom zoom and color legend components. Data is loaded from TSV and TopoJSON sources, processed using `topojson` features.

Apr 26, 2024

Loading thumbnail…

Fork of Circles with D3

Two synchronized world maps animate COVID-19 new cases per 100,000 people and vaccination rates over time, using sequential red and green color scales to encode values. Each map includes a play button and slider to scrub through dated records, with the choropleth paths colored from CSV data. The visualization uses D3.js version 3 with `d3.geoNaturalEarth2`, `d3.geo.path` for map projection, TopoJSON from the world-atlas package, and ISO country code mappings to join the data.

Apr 26, 2024