Christopher Morrissey

@rootwzrd·2 public vizzes

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.

Apr 3, 2020

Loading thumbnail…

Basic Map

This example displays a basic world map rendered as SVG paths. It uses the `d3.geoMercator` projection and `d3.geoPath` to convert geographic coordinates into screen paths. The map draws country boundaries from the world-atlas TopoJSON dataset, which is loaded via `json()`. The code applies the `feature()` method from topojson to extract country geometries, then appends one SVG `path` element per country. The resulting visualization shows a simple, unadorned map without interactive features or styling.

Apr 3, 2020