Mortality Scatterplot

100%

Mortality Scatterplot

✓ Published2🌍 Public

Kkfhujosefsson@dons.usfca.edu

Last edited Apr 28, 2025

Created on Apr 24, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

TreeMap Mortality COVID

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.

Kkfhujosefsson@dons.usfca.edu

84% match

Loading thumbnail…

Main

This dashboard visualizes socioeconomic trends across Nordic countries using animated line charts and a mortality-rate slider. It compares Denmark, Norway, and Sweden with interactive legends that highlight or fade each line. The mortality chart uses D3 v7’s data binding and SVG transitions to animate dots and trails over time. Tooltips display exact values, while CSS-styled grids and axes enhance readability. The background image and custom HTML structure frame the charts, with a slider controlling the displayed year.

Kkfhujosefsson@dons.usfca.edu

81% match

Loading thumbnail…

Basic Scatter Plot with Time Scale

This scatter plot displays the number of deaths reported across all countries from 2015 to 2021, with each circle representing a country in a given year. The x-axis uses a time scale (d3.scaleTime) for years, while the y-axis uses a linear scale (d3.scaleLinear) for death counts. Data comes from the World Mortality Dataset, loaded via d3.csv. The visualization is rendered as SVG circles with opacity, axes generated using d3.axisBottom and d3.axisLeft.

SSiddhi Patil

81% match

Loading thumbnail…

Scatter Plot for Covid

This scatter plot visualizes COVID-19 data for the top 10 countries, showing the relationship between total cases and total deaths. The visualization uses D3.js v7 with SVG rendering to display circles for each country, where the x-axis represents total cases and the y-axis represents total deaths. The code loads CSV data from a GitHub gist, processes it with JavaScript array methods, and uses d3.scaleLinear to create scales for both axes. Axis labels and grid lines are generated using d3.axisBottom and d3.axisLeft, with margins defining the plot area.

MM Hema

80% match

Loading thumbnail…

Scatter plot on COVID CFR

This scatter plot visualizes the COVID-19 case fatality rate by plotting total deaths against total cases for each country on the latest recorded date. The chart uses D3 v7 (d3.scaleLinear, d3.axisBottom, d3.axisLeft) to render SVG circles that enlarge on mouseover and display a tooltip with location and death rate via d3.format. Data comes from the Our World in Data JHU GitHub repository, filtered to exclude aggregate regions and rows with missing death values.

CCenz Wong

80% match

Loading thumbnail…

Scatter plot on COVID CFR

CCenz Wong

80% match

Loading thumbnail…

Deaths Scatter plot

A scatter plot displays annual deaths for ten countries using red, semi-transparent circles. The chart reads data from a CSV file, multiplies each death count by 1,000, and positions points using D3’s `scaleLinear` for the y-axis, while the x-axis uses `scalePoint` for country names. Axes are rendered with `axisLeft` and `axisBottom`. The data originates from the UCI Machine Learning Repository’s Auto MPG dataset. D3 v7, SVG, and the `csv` and `select` APIs handle the visualization.

RRobindj2000

79% match