Skip to main content
SimilarExport ZIP
100%

Firefly Map of Coronavirus Case Locations

✓ Published4🌍 Public
CCurran Kelleher
Last edited Mar 19, 2020
Created on Mar 16, 2020

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.

AI-generated description

Work in progress...

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

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

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

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 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
96% match
Loading thumbnail…

Firefly Map of Coronavirus Case Locations

A dark, inverted basemap serves as the backdrop for a firefly-style visualization of confirmed coronavirus case locations. Each location with at least one case is rendered as a glowing, semi-transparent circular sprite on an OpenLayers map, with size and intensity kept constant regardless of case count. The map is built with React and uses d3.csv to load Johns Hopkins COVID-19 time-series data, while custom canvas-generated sprites with radial gradients create the glow effect. OpenLayers layers and vector sources manage the points, with a Stamen toner-lite tile layer inverted via CSS for the dark aesthetic.

Ddanrhymes
95% match