Skip to main content
SimilarExport ZIP
100%

Covid Casualties in Sweden Jan-Oct 2020

✓ Published1🌍 Public
Kkfhujosefsson@dons.usfca.edu
Last edited Apr 12, 2025
Created on Feb 9, 2025

A bar chart displays COVID-19 casualties in Sweden from January to October 2020. The p5.js sketch loads a CSV file from a GitHub gist and aggregates deaths by month. Using the Canvas API, it draws axes, gridlines, and rectangular bars, with labels for each month and the number of casualties. Plotly is loaded but not used in the visualization.

AI-generated description
MIT Licensed

Similar vizzes

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

Covid Cases in Sweden Jan-Oct 2020

A box plot visualization shows the distribution of daily COVID-19 cases in Sweden from January through October 2020. Each month displays a box-and-whisker plot with median, quartiles, whiskers, and outliers, while a frame and gridlines provide context. The p5.js sketch loads CSV data from a GitHub gist, calculates quartile statistics, and renders the plots on a canvas. It uses p5.js functions like `loadTable`, `map`, and `rect` to draw the visualization dynamically.

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

Line Chart - Covid Cases per day in Sweden October 2020

This line chart shows the number of daily COVID-19 cases in Sweden for October 2020, with the day of the month on the x-axis and case count on the y-axis. The chart is rendered as an SVG using D3.js v7, loading data from a CSV file. The code creates linear scales for both axes, draws the axes with gridlines, and generates a steelblue line path via `d3.line()`. Axes and chart titles are added as SVG text elements, and the visualization automatically sizes to the browser window.

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

Fork of Line Chart - Covid Cases per day in Sweden October 2020

This line chart tracks daily COVID-19 cases in Sweden during October 2020, with a shaded area under a monotone-smoothed curve, interactive hover points that reveal tooltips with exact values, and a dashed red line marking the average case count. The visualization also annotates the peak case day. Built with D3 v7, it uses SVG paths for the line, area, and axes, while d3.csv loads the external data and d3.scaleTime and d3.scaleLinear map dates and case numbers to positions. Responsive dimensions and hover transitions enhance the interactive experience.

NNita
77% match
Loading thumbnail…

Fork of Line Chart - Covid Cases per day in Sweden October 2020

This line chart visualizes the global unemployment rate trend from 1991 to 2023, using yearly averages calculated from raw data loaded via `d3.csv` from a Gist URL. The chart displays a smooth monotone curve (`d3.curveMonotoneX`) in steelblue, with an x-axis for years and a y-axis labeled with percentages. The implementation uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.group` with `d3.mean` to aggregate monthly rates by year. The SVG rendering is responsive, with the chart width adapting to the viewport.

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

Black hat multiline chart

This example displays daily COVID-19 cases for five Scandinavian countries throughout October 2020 on a logarithmic scale. The black-background chart uses colored lines for Sweden, Denmark, Norway, Finland, and Iceland. The visualization loads CSV data via `d3.csv`, builds scales with `scaleLinear` and `scaleLog`, and renders paths with the `d3.line` generator. SVG elements handle axes, labels, a title, and a legend, demonstrating D3 v7's data-joining and axis APIs.

Kkfhujosefsson@dons.usfca.edu
72% match