Vizualizacija podatkov pandemije Covid-19

KAJTNA, MAJA (author), Bovcon, Narvika (mentor)

V diplomski nalogi je opisana zasnova in izdelava vizualizacije podatkov pandemije Covid-19 v obliki spletne strani. Izdelanih je bilo osem različic interaktivnih grafov z uporabo knjižnice D3.js in ostalih orodij za razvoj spletnih strani. Za izboljšanje uporabniške izkušnje so dodane animacije. Podatki za predstavitev so pridobljeni iz API-ja. Spletna stran in vizualizacije so zasnovane na podlagi sodobnih smernic razporeditve in oblikovanja. Ker je zaradi razširjenosti uporabe naprav z različnimi velikostmi zaslonov dandanes pomembna odzivna zasnova spletnih strani, sta bili implementirani dve različici spletne strani. V diplomski nalogi je opisan tudi pregled področja in uporabljena tehnologija. Izvedena je bila postavitev strani na splet, zato je na koncu dodano poglavje ovrednotenja implementirane rešitve od končnih uporabnikov.

• Language: Slovenian
• Keywords: vizualizacija podatkov, uporabniški vmesnik, uporabniška izkušnja, Covid-19, odzivna zasnova, spletna stran, D3.js
• Work type: Bachelor thesis/paper
• Typology: 2.11 - Undergraduate Thesis
• Organization: FRI - Faculty of Computer and Information Science
• Year: 2023
• PID: 20.500.12556/RUL-144394
• COBISS.SI-ID: 142279939
• Publication date in RUL: 18.02.2023

Secondary language

• Language: English
• Title: Visualization of Covid-19 pandemic data

Abstract

The thesis describes the design and implementation of the data visualization of the Covid-19 pandemic in the form of a website. Eight versions of interactive graphs were created using the D3.js library and other web development tools. To improve user experience, animations were added. The data for the presentation is obtained from the API. The website and visualizations are designed based on modern layout and design guidelines. Due to the widespread use of devices with different screen sizes, responsive website design is important these days, so two versions of the website were implemented. The thesis also describes an overview of the field and the technologies used. The site was put online, so at the end a chapter on the evaluation of the implemented solution by end users is added.

• Keywords: data visualization, user interface, user experience, Covid-19, responsive design, web page, D3.js