Skip to main content
SimilarExport ZIP
100%

Covid Cases in Sweden Jan-Oct 2020

✓ Published2🌍 Public
Kkfhujosefsson@dons.usfca.edu
Last edited Feb 11, 2025
Created on Feb 10, 2025

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.

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

Covid Casualties in Sweden Jan-Oct 2020

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.

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
83% 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
81% 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
76% match
Loading thumbnail…

Both Charts

This visualization presents two line charts showing COVID-19 case counts in five Scandinavian countries throughout October 2020. One chart uses a linear scale while the other displays the same data on a logarithmic scale, highlighting the different visual patterns each scale produces. Built with D3 v7, the code uses `d3.csv` to load data, `d3.scaleLinear` and `d3.scaleLog` for the axes, and `d3.line` to generate the SVG paths. Each country’s daily cases are plotted against the day of the month, with axes styled using `d3.axisBottom` and `d3.axisLeft`.

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

Covid cases per month for European Countries in 2020

This heatmap visualizes monthly COVID-19 cases across seven European countries in 2020, using color intensity to show case counts from January to November. It loads CSV data via p5.js’s `loadTable`, aggregates cases by country and month, and renders the grid with p5.js `rect` and `map` functions. Hovering reveals exact values through a tooltip, while a color scale bar displays the range. The visualization includes months and country labels, axes, and employs Plotly indirectly via an included script tag, though the heatmap itself is custom-drawn on a p5.js canvas.

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

Box Plot

This box plot visualizes the distribution of COVID-19 case counts across selected countries, showing min, first quartile, median, third quartile, and max values using a vertical whisker-and-box layout. The chart is built with React and D3 v5, using `scaleLinear` and `scaleBand` for positioning, `d3.nest` and `d3.quantile` to compute summary statistics, and SVG `rect` and `line` elements for rendering. Data comes from a CSV file of global COVID-19 figures, filtered to include only countries with at least 5,500 new cases.

CChristian Magelssen
75% match