Firefly Map of Coronavirus Case Locations

100%

Firefly Map of Coronavirus Case Locations

✓ Published4🌍 Public

Last edited Mar 9, 2020

Created on Mar 6, 2020

This map visualizes confirmed Coronavirus case locations as of March 5, 2020, with each point rendered as a glowing, firefly-like sprite of equal size and intensity, regardless of case count. Using OpenLayers for the basemap and React for component management, the code generates radial gradient sprites via Canvas `createRadialGradient` and a Gaussian falloff, styled with D3’s `cubehelix` color space. Data is loaded from the Johns Hopkins CSSEGISandData/COVID-19 time series CSV, and the inverted basemap enhances the luminous effect.

AI-generated description

Firefly Cartography with OpenLayers and React.

Each point on the map is a location for which there was at least one confirmed Coronavirus case as of 3/5/2020. Each location is shown as the same size and intensity, regardless of how many cases there were (this is a shortcoming of this visualization).

Data from Johns Hopkins: CSSEGISandData/COVID-19;

MIT Licensed

Similar vizzes

Loading thumbnail…

Firefly Map of Coronavirus Case Locations

This interactive map displays the locations of confirmed Coronavirus cases as of March 5, 2020, with each point rendered as a glowing firefly-like sprite of uniform size and intensity regardless of case count. The visualization uses OpenLayers with React to manage the map and vector layers, while D3’s `cubehelix` function generates radial gradient sprites that combine a bright core with a soft Gaussian falloff. Data comes from the Johns Hopkins COVID-19 time-series CSV, filtered to include only locations with non-zero cases, and is projected onto a Stamen toner-lite basemap.

Mmisferswift

98% match

Loading thumbnail…

Firefly Map of Coronavirus Case Locations

This map shows the locations of confirmed Coronavirus cases as of March 5, 2020, with each point rendered as a glowing firefly-like sprite on a dark, inverted OpenLayers basemap. The visualization uses a React component with OpenLayers vector layers and a custom canvas-generated radial gradient sprite, styled via d3’s cubehelix color interpolation to create a soft glow effect. Data comes from the Johns Hopkins CSSE COVID-19 time series, filtered to include only locations with at least one case, and mapped using the GeoJSON format with vector tiles in Web Mercator projection.

CChristopher Morrissey

97% match

Loading thumbnail…

Firefly Map of Coronavirus Case Locations

This map shows the global distribution of confirmed Coronavirus cases as of early March 2020, with each location rendered as a glowing firefly-like sprite. The visualization uses OpenLayers with a Stamen toner-lite basemap, and React manages the map lifecycle. Case locations are styled using a custom canvas-generated radial gradient sprite, created with d3’s cubehelix color functions to simulate a soft glow. Data comes from the Johns Hopkins CSSE COVID-19 time series, loaded via d3.csv. The map updates over time by cycling through the dataset’s date columns.

DDimanjan

97% match

Loading thumbnail…

Firefly Map of Coronavirus Case Locations

A dark map shows each location with confirmed coronavirus cases as of March 5, 2020, using a glow effect reminiscent of fireflies. The visualization plots all case locations, regardless of case count, using a shared sprite style. Built with React and OpenLayers, it loads a Stamen toner-lite basemap and creates a radial-gradient canvas sprite for each point via `generateSprite`. Data comes from the Johns Hopkins CSSE COVID-19 time-series repository, filtered to include only locations with positive counts.

Tthanhtrant219

96% match

Loading thumbnail…

Firefly Map of Coronavirus Case Locations

A dark, inverted basemap displays locations with confirmed coronavirus cases as of early March 2020, each rendered as a small glowing firefly-like sprite. The visualization uses OpenLayers with a React component, drawing points from Johns Hopkins CSSE time-series data. Sprite generation employs a radial gradient with D3’s `cubehelix` color space to create the glow effect, while vector features are styled with OpenLayers `Icon` and `Style` objects on a Canvas/WebGL renderer.

Mmpenalver

96% match

Loading thumbnail…

Firefly Map of Coronavirus Case Locations

A dark world map, styled with an inverted, semi-transparent basemap, displays glowing teal points marking the locations of confirmed Coronavirus cases as of March 5, 2020. Each location is represented by a single firefly-like sprite, with equal size and intensity regardless of case count, a noted shortcoming. The visualization uses React to manage the component lifecycle, an OpenLayers map with a Stamen toner-lite base layer, and custom canvas-generated radial gradients to create the glow effect. Data is sourced from the Johns Hopkins COVID-19 time series CSV, parsed with d3.csv.

CCurran Kelleher

96% match

Loading thumbnail…

Fork of Firefly Map of Coronavirus Case Locations

This interactive map displays the locations of confirmed Coronavirus cases as of March 5, 2020, using a firefly cartography style where each case location appears as a glowing, soft-edged point on a dark, inverted basemap. The visualization uses OpenLayers for map rendering and React for the component structure, with D3’s `cubehelix` function generating the radial gradient sprites that create the glow effect. Data is sourced from the Johns Hopkins CSSE COVID-19 time series CSV, with each point rendered at uniform size and intensity regardless of case count.

DDominic Bluawofogbe

95% match

Loading thumbnail…

Firefly Map of Coronavirus Case Locations

This firefly map displays the geographic locations of reported coronavirus cases as of March 5, 2020, using a dark background with glowing teal points that shimmer like fireflies. Each location is represented by a single point, regardless of case count, highlighting the global spread of the virus. The visualization uses OpenLayers for map rendering with a Stamen toner-lite basemap, styled with an inverted CSS filter. Point sprites are generated via Canvas radial gradients using d3-cubehelix color manipulation, and the React component manages map lifecycle through hooks. Data is loaded from the Johns Hopkins COVID-19 time series CSV using d3.csv.

Pprincit

95% match