Final Release

100%

✓ Published0🌍 Public

Last edited May 9, 2020

Created on May 9, 2020

This visualization examines the death rate of Covid-19 across different global regions, using an interactive force-directed network graph where each node represents a country and connections imply regional relationships. The chart displays the variation in death rates, with node color and size encoding the severity, while a tooltip reveals precise numerical values on hover. Built with React and D3 v5, the graph uses `d3.forceSimulation` to position nodes, with SVG rendering for the links and circles, and a custom tooltip following the cursor. Data is drawn from the v3 source, presented within a Bulma-framed HTML interface.

AI-generated description

A bare minimum HTML page.

Similar vizzes

Loading thumbnail…

Voronoi Data Art

This visualization displays the global spread of COVID-19 deaths, with a logarithmic y-axis showing smoothed daily death counts for each country over time. Hovering over a curve highlights the active country and displays a tooltip with its total deaths. The implementation uses React with d3.scaleTime, d3.scaleLog, and d3.line to render SVG paths. A d3.Delaunay triangulation and d3.voronoi overlay capture mouse events across the chart, while data is loaded from the CSSEGISandData COVID-19 time-series CSV.

CCurran Kelleher

79% match

Loading thumbnail…

Covid-19 with live data

This visualization displays global Covid-19 death totals over time as a smooth, logarithmic line chart, with tooltips on hovered points and dashed marker lines at 10,000 deaths and the latest date. It loads live time-series data from the CSSE at Johns Hopkins via `d3.csv`, aggregates daily global totals, and renders with React components using `d3.scaleTime`, `d3.scaleLog`, `d3.line` with `curveNatural`, and SVG axes from `d3.axisBottom` and `d3.axisLeft`. The chart updates responsively to the browser window size.

Ssmile2git

78% match

Loading thumbnail…

Untitled

A scatter plot tracks COVID-19 confirmed cases against deaths on logarithmic axes, with each point representing a country and its population and regional color encoding. Overlaid dark-red lines radiate from the origin, annotating fatality rates and country labels. A circular legend explains the point size, color, and opacity encoding. The React-based D3 visualization uses `d3.axisBottom`, `d3.min`, and `d3.ticks` for axes and grid, while custom functions render the legend, annotations, and rotated fatality labels, using county-level GeoJSON data from `county.json` as a backdrop.

Pphemmati

78% match

Loading thumbnail…

Final Project

This interactive choropleth map displays the worldwide incidence of COVID-19 cases and deaths over time. Users can hover over countries for tooltip details or click to isolate a country, while moving the mouse below the map scrubs through dates from January to May 2020. The visualization uses D3 v5 with `d3.geoNaturalEarth` projections and `d3.geoPath` for rendering the SVG map, with a log-scale color encoding for case counts and a line graph for temporal trends. Data is loaded from external GeoJSON and JSON files.

Pphemmati

78% match

Loading thumbnail…

Untitled

This visualization displays the global distribution of COVID-19 deaths by country, using a Mercator-projected world map with a threshold color scale to differentiate mortality levels. A tooltip reveals the country name and total death count on hover. The map is rendered with D3 v4, using `d3.geoPath` and `d3.geoMercator` for geographic projection, while loading country geometries from a TopoJSON file and death data from a TSV file. Zooming is enabled via `d3.zoom`.

MMizanur55

77% match

Loading thumbnail…

React + D3 Axes

This visualization displays the global cumulative death toll from COVID-19 over time, with a line chart that includes reference markers at 5,000,000 deaths and at the most recent date. The chart is built with React and D3 v7, using `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom` for the axes. Data is fetched from the CSSE COVID-19 global time series CSV and transformed with `d3.csv` and `d3.timeParse`. The SVG rendering includes a custom x-axis and y-axis marker lines, with gridlines and labels styled through CSS.

TThomas Cormican

77% match

Loading thumbnail…

Got Error Fork of Covid-19 death with Voronoi II

This visualization displays global COVID-19 death totals over time as a multi-series line chart, with a logarithmic y-axis to accommodate wide value ranges. Hovering over any point via a Voronoi overlay highlights the corresponding country’s full time series. Built with React and D3 v5, it uses `d3.scaleLog`, `d3.scaleTime`, `d3.line` with `curveNatural`, and `d3.Delaunay` for the interactive overlay. Data comes from the CSSEGISandData COVID-19 GitHub repository, rendered as SVG paths with axis labels and marker lines.

Ssmile2git

77% match

Loading thumbnail…

Fork of ICE-6: Rendering Marks and Channels with React & D3

This visualization displays the top 20 countries by total COVID-19 deaths using horizontal red bars. It renders SVG marks with React state management, while D3 v5 scales (scaleBand, scaleLinear) and axes are computed in the render method. Data loads from a CSV via d3.csv, and the bars’ positions and lengths map country names and death counts through React’s useCallback and useEffect hooks.

99176371431

77% match