Skip to main content
SimilarExport ZIP
100%

TreeMap Mortality COVID

✓ Published0🌍 Public
Kkfhujosefsson@dons.usfca.edu
Last edited May 6, 2025
Created on May 6, 2025

A treemap visualizes total COVID deaths per 10 million people across Sweden, Denmark, and Norway, using each country's latest recorded value from a CSV dataset. The treemap layout, sized at 800×500 pixels, is generated with `d3.treemap()` on a `d3.hierarchy` object. Each country appears as a colored rectangle, filled via `d3.countryColors`, with labels and hover tooltips. The example uses D3 v7 with SVG rendering, sorting records by date to select the most recent death rate per country.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Mortality Scatterplot

This scatterplot visualizes COVID-19 deaths per 10 million people across Denmark, Norway, and Sweden over time, with each country color-coded and a slider allowing users to scrub through dates. The chart draws trailing paths behind each data point to show temporal progression, and hovering reveals a tooltip with details. Built with D3 v7, it uses `d3.csv` to load data, `d3.group` to organize by country, and `d3.scaleTime`/`d3.scaleLinear` for axes, with SVG circles for points and an HTML range input for animation.

Kkfhujosefsson@dons.usfca.edu
84% match
Loading thumbnail…

Fork of Mortality Scatterplot

This scatterplot tracks daily COVID-19 deaths per 10 million people across Denmark, Norway, and Sweden over time. Animated circles with trailing paths show each country’s mortality trajectory, while a draggable slider and play button scrub through dates. Built with d3.v7, it uses d3.csv for loading, d3.timeParse for date formatting, d3.group for data organization, and SVG rendering with CSS transitions for tooltips.

Kkfhujosefsson@dons.usfca.edu
81% match
Loading thumbnail…

Covid Casualties Distribution in Sweden Jan-Oct 2020

This p5.js visualization displays COVID-19 casualties in Sweden from January to October 2020, showing daily death counts distributed across each month on a scatter plot. Each blue dot represents a single day's reported deaths, with its vertical position corresponding to the daily casualty count and horizontal position mapping to the month. The sketch loads data from a CSV file hosted on GitHub via the `loadTable` function, then uses the Canvas coordinate system with `map` to position points. Axis labels, tick marks, and a title are drawn using p5.js drawing functions, with Plotly loaded but unused in the rendering.

Kkfhujosefsson@dons.usfca.edu
75% match
Loading thumbnail…

Map Covid

This map visualization displays total COVID-19 deaths by country on a world map using a sequential blue color scale. The code employs d3.geoMercator, d3.geoPath, and topojson to render country boundaries from the world-110m.json dataset, while loading COVID-19 data from a local array. A legend with a linear gradient and d3.axisBottom communicates the quantitative range. The SVG is generated dynamically via d3.select and append methods, with missing country data represented in gray fallback color.

Ggnanendra097@gmail.com
74% match
Loading thumbnail…

Zoomable Treemap

This zoomable treemap visualizes global mortality data by cause, using nested rectangles whose areas encode death tolls. Users can click any rectangle to drill into subcategories—from broad causes like famine or natural disasters down to individual events. Built with D3 v2, the visualization reads a CSV, nests it hierarchically, and animates smooth zoom transitions between levels. The color and size of each tile encode the hierarchical data structure and relative magnitude of deaths.

BBenHeubl
74% match
Loading thumbnail…

CovidCases

This visualization shows the cumulative number of COVID-19 cases in Sweden, Denmark, and Norway over time, displayed on a geographic map of Scandinavia. A date slider lets viewers scrub through the timeline, with each country colored according to a sequential orange-red scale that encodes case counts. The implementation uses d3-geo and d3.geoPath with a Mercator projection to render the map, while d3.scaleSequential and d3.interpolateOrRd handle the color mapping. Data comes from a JSON world geometry file and a CSV of daily case totals, grouped by date and country. Hovering over a country reveals a tooltip, though its text is not populated.

Kkfhujosefsson@dons.usfca.edu
73% 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
73% match
Loading thumbnail…

covid -19

This choropleth map visualizes COVID-19 deaths per million across 20 countries, with a red sequential color scale ranging from light to dark based on mortality rates. The map uses a Robinson projection via `d3.geoRobinson` and renders country boundaries as SVG paths through `d3.geoPath`, with a tooltip revealing the country name and death rate on hover. Geographic data comes from the world-atlas TopoJSON file, joined to the CSV dataset by ISO_A3 codes, and a linear gradient legend with an axis labels the color scale.

Ccharchana0527@gmail.com
73% match