Fork of Heatmap for number of infection rate at orign of pandemic

100%

Fork of Heatmap for number of infection rate at orign of pandemic

✓ Published0🌍 Public

Last edited Sep 27, 2021

Created on Sep 27, 2021

Forked from Heatmap for number of infection rate at orign of pandemic

This interactive heatmap shows the number of early COVID-19 infections across Chinese regions, broken down by age category. Rows represent locations, columns represent age groups, and cell colors intensify with higher case counts, revealing Hubei and Shaanxi as hotspots, especially among the 66+ age group. Built with D3 v4, the visualization uses `d3.scaleBand` for axes, `d3.scaleSequential` with an `interpolateReds` color scale, and SVG rectangles. Hovering over a cell triggers a tooltip displaying the exact count, while the data originates from the `age_v2.csv` file.

AI-generated description

This visualisation was implemented to show the rate of spread between people in the early stages of the outbreak. as we can see the heatmap is an interactive heatmap that shows the number of people at the bottom of the heatmap.

From analysis we can see that the provinces of Hubei and Shaanxi were hit very badly with maximum number of cases arising from tha part. and most of them in the age group of 66+ years.

This was made for the data visualisation project by varun nangia

MIT Licensed

Similar vizzes

Loading thumbnail…

Heatmap for number of infection rate at orign of pandemic

This interactive heatmap visualizes the number of infected individuals across regions and age categories during the early pandemic. It uses a red sequential color scale to encode counts, with Hubei and Shaanxi showing the highest infection numbers, particularly in older age groups. Built with D3 v4, the visualization renders as an SVG using `d3.scaleBand` for axes, `d3.scaleSequential` with `d3.interpolateReds` for colors, and includes tooltip interactions on hover. Data comes from the `age_v2.csv` file.

VVarun Nangia

94% match

Loading thumbnail…

Heatmap for number of infection rate at orign of pandemic

This interactive heatmap visualizes the number of infections by age category across Chinese regions during the early pandemic. It uses a sequential red color scale to encode counts, with the highest values concentrated in Hubei, particularly among the 66+ age group. Built with D3.js v4, the visualization renders as SVG rectangles and includes hover tooltips that display exact cell values. The data comes from a CSV file containing location, age category, and infection counts.

Cchungmin-yu

91% match

Loading thumbnail…

Scatter-Simple

A dynamic scatterplot tracks the spread of COVID-19 across Hubei, China, from January to February 2020. Each circle represents a prefecture-level city, positioned by cumulative confirmed cases (x-axis) and newly confirmed cases (y-axis), both using a logarithmic scale. An animation cycles through daily snapshots, updating the data bound to each circle via D3's data join and `transition`. The visualization uses `d3.csv` to load the data and `d3.scaleLinear` for the axes, with circles colored by region and rendered as SVG within React.

Mmorjyooo

73% match

Loading thumbnail…

Fork of Infection Type Chart

This fork of the Infection Type Chart visualizes stacked bar counts of infection types—Unknown, Social, Relative, Travel—across Chinese provinces, with an animated toggle between absolute case numbers and percentage shares. Using D3 v3 with SVG, it employs `d3.layout.stack` to arrange the series and transitions to update bar geometry and axes on user input. The chart sorts provinces alphabetically, rotates x-axis labels, and includes a hand-built legend and hover tooltip styling from `styles.css`.

NNarayana Reddy

72% match

Loading thumbnail…

d3 heatmap

This example visualizes yearly infection counts for US states from 1970 to 1980 using a heatmap. Cells are colored on a red scale, with darker shades representing higher infection numbers, and hover interactions reveal a tooltip with state, year, and exact count. The visualization uses d3.csv to load data, appends SVG text elements for labels and legend, and creates colored rect elements for each data point. The tooltip is positioned with event.pageX and event.pageY, while the legend is drawn manually with a loop generating gradient rectangles.

AAndrew

72% match

Loading thumbnail…

Scatter-Animation

A scatterplot animates the daily progression of COVID-19 cases across Hubei, China, with each circle representing a region’s cumulative confirmed cases versus new cases on a log scale. The visualization uses d3.v6 with SVG and transitions to move points between dates, while a legend identifies regions. Data comes from a CSV file tracking metrics like confirmed, cured, and dead counts. Axes, labels, and a date display update over time, driven by the `renderupdate` function and D3’s transition API.

Vvivianaaai@qq.com

71% match

Loading thumbnail…

Scatter-Animation

Vvivianaaai@qq.com

71% match

Loading thumbnail…

scatter-move

A scatterplot animates daily COVID-19 case counts across Hubei regions, plotting cumulative confirmed cases on a logarithmic x-axis against new daily cases on a logarithmic y-axis. Each circle represents a region, colored distinctly, and transitions smoothly between dates using D3 v5's `transition().duration()` within a `setInterval` loop. The SVG axes are rendered with `d3.axisLeft` and `d3.axisBottom`, with data parsed from `hubeinxt.csv`.

Ttenghaoman

71% match