Skip to main content
SimilarExport ZIP
100%

Heatmap for number of infection rate at orign of pandemic

✓ Published0🌍 Public
Cchungmin-yu
Last edited Aug 3, 2021
Created on Aug 3, 2021

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.

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

Fork of 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.

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

World numbers

A grid of small colored cells for each continent visualizes the growth of COVID-19 cases over time, with columns representing days and rows representing case counts. The visualization uses a dark background with a color scale from dark gray to red to encode increasing values, and includes an annotation highlighting a specific point of interest in China. The data is generated randomly using d3.v5, with each cell’s value derived from its predecessor, and the layout is built with SVG and HTML divs, while d3-annotation adds a callout circle for emphasis.

PPatrick Wojda
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

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…

Global Pandemic Overview

This visualization presents a global pandemic overview by coloring countries on a natural Earth projection map according to their total COVID-19 deaths. An interactive tooltip displays detailed case statistics for each country on hover, while a color gradient legend indicates the severity scale. Built with D3.js, it uses `d3.geoPath` and `d3.geoNaturalEarth1` for map rendering, `d3.scaleSequential` for the color encoding, and fetches geographic and pandemic data from external JSON and CSV sources.

Wwkj0713@gmail.com
71% match
Loading thumbnail…

Infection Type Chart

This stacked bar chart displays COVID-19 infection cases across Chinese provinces, broken down by transmission type: public transit, relative, social, and unknown. The visualization uses d3.layout.stack to stack the data series, with d3.scale.ordinal for the x-axis and d3.scale.linear for the y-axis. A form allows switching between absolute case counts and percentage-normalized views via stack.offset("expand"), with smooth transitions on the bars and axis. Hovering highlights individual segments using SVG opacity changes, and a custom legend is drawn manually.

LLex
71% match