Skip to content

S-ecki/covid-dashboard-d3

Repository files navigation

Covid Dashboard - Visualization Project

Find the deployed version here.

Purpose

The aim of this project is to apply data visualization heuristics and best practises in a project with current relevancy.
Different visualization techniques are used to display certain entities of an huge dataset in a easily-digestable way.

Visualizations

Scatterplot

A Scatterplot showing the relation between new COVID infections and deaths per 1 million people is shown. It gives a quick overview of all countries in Europe, while having the ability of getting details on demand by hovering or clicking on a country. image

Bivariate Choropleth Map

A map of Europe shows the relation between ICU patients and new infections. As with the first graph, details on demand are available. image

Stacked Bar Chart

When a country is selected anywhere, that countries vaccination rate can be compared to the European average or any other European country. The proportion of different doses can also be compared and exact values read with given tooltips. image

Bar Chart

Five different probable risk factors for COVID injections are shown for a selected country. This way, users can inspect certain statistical properties of a selected country in detail and search for correlations. image

What I´ve learned

  • Working with huge datasets
  • How to design visualizations in a scientifically-recommended way
  • Applying design heuristics, like details-on-demand
  • Avoiding pitfalls in visualization design
  • Global state management with VueX

About

Covid Dashboard created with d3Js and VueJs

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published