Fork of Mortality Scatterplot

100%

Fork of Mortality Scatterplot

✓ Published0🌍 Public

Kkfhujosefsson@dons.usfca.edu

Last edited May 1, 2025

Created on May 1, 2025

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.

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

95% 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

82% 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

81% match

Loading thumbnail…

Fork of Deaths Scatter plot

This scatter plot presents death tolls for ten countries, with each circle’s vertical position encoding the number of deaths per country. The visualization uses D3 v7’s `scaleLinear` for the y-axis and `scalePoint` for the categorical x-axis, rendering circles as SVG elements. Data from the CSV file is loaded via `d3.csv`, with death values multiplied by 1,000. Axes are generated using `axisLeft` and `axisBottom`, while styling is applied through CSS, including semi-transparent red circles.

Aansofie123

80% match

Loading thumbnail…

Fork of Deaths Scatter plot

This scatter plot displays deaths per country, with each red circle representing a nation’s total mortality count. The data, sourced from the UCI Machine Learning Repository's Auto MPG dataset, is loaded via d3.csv and scaled using d3.scaleLinear and d3.scalePoint. The SVG rendering uses d3.axisLeft and d3.axisBottom for axes, with circle opacity set to 0.3 for visual overlap clarity.

AAimanoshi

80% match

Loading thumbnail…

Fork of Multiline chart

This fork of a multiline chart visualizes COVID-19 cases in five Scandinavian countries during October 2020. Each country gets its own small SVG chart displaying daily case counts as a line, with a shared color-coded legend and tooltip. The code uses d3.csv for data loading, d3.group to organize data by country, and d3.line with d3.scaleLinear for axes and paths. A d3-legend library creates the custom legend, and the tooltip appears on hover.

Kkfhujosefsson@dons.usfca.edu

79% match

Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes CDC COVID-19 data, plotting daily new deaths against new cases, with each point representing a 14-day moving average. The chart reveals a general correlation where more infected cases correspond to more deaths. Built with D3 v6, the visualization uses `d3.csv` to load the dataset and `d3.scaleLinear` to map values to screen coordinates, with points rendered as SVG circles. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, and the chart fills the entire browser window.

VVonnie

78% match

Loading thumbnail…

Fork of #3 COVID-19 Deaths in US (NYT data) Reusable D3 Scatter Plot Framework Animated

This chart plots daily COVID-19 deaths and case averages across the US using NY Times rolling-averages data. An animated scatter plot, it cycles between two metrics every 2.4 seconds, with circles updating smoothly via D3’s `transition`. The reusable framework, built with `scatterPlot.js`, leverages `scaleTime` and `scaleLinear` for axes, plus `axisLeft`, `axisBottom`, and `timeFormat` for labeling. SVG rendering and the `d3.select` API manage the dynamic visualization.

DDasbach.EJ

78% match