Skip to main content
SimilarExport ZIP
100%

Firefly Map of Coronavirus Case Locations

✓ Published0🌍 Public
Pprincit
Last edited May 23, 2020
Created on May 23, 2020

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.

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

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…

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

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.

CCurran Kelleher
95% 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
94% 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
94% match