Dominic Bluawofogbe

@Dominic2000code·3 public vizzes

Fork of Multiple Views Cleanup

This interactive dashboard combines a world map with a time-series histogram to explore reported COVID-19 cases. The map uses a D3 geoNaturalEarth1 projection with geoPath to render country boundaries and graticules, overlaying circles scaled by the square root of total dead and missing cases per city. The histogram below bins reported dates by month using d3.bin and d3.timeMonths, summing case counts per bin. Both views are built with React, using SVG for rendering, and pull data from the CSSEGISandData COVID-19 repository.

Jun 29, 2022

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.

Mar 18, 2022

Loading thumbnail…

Fork of Coronavirus Deaths by Country over Time (with Voronoi Hover)

This visualization shows cumulative coronavirus deaths over time for each country, using a log-scaled y-axis to accommodate wide disparities in death counts. Hovering over any point highlights the corresponding country’s line in black and displays a tooltip with the country name, death total, and date. The interactivity is powered by a Voronoi overlay built with `d3.Delaunay`, which assigns each data point a cell that captures nearby mouse events. The chart is rendered with React and SVG, with axes and scales from d3, and pulls data from the Johns Hopkins COVID-19 dataset.

Dec 15, 2021