View in EDS

Rendering av diagram med olika JavaScript-bibliotek : En jämförande studie mellan SVG- och Canvas-baserade JavaScript-bibliotek vid renderingstider av olika diagram ; Rendering of diagrams in different JavaScript libraries : A comparative study between SVG- and Canvas-based JavaScript libraries for rendertimes of different diagrams

Saved in:
Bibliographic Details
Title: Rendering av diagram med olika JavaScript-bibliotek : En jämförande studie mellan SVG- och Canvas-baserade JavaScript-bibliotek vid renderingstider av olika diagram ; Rendering of diagrams in different JavaScript libraries : A comparative study between SVG- and Canvas-based JavaScript libraries for rendertimes of different diagrams
Authors: Thangnoi, Natcha
Publisher Information: Högskolan i Skövde, Institutionen för informationsteknologi
Publication Year: 2025
Collection: University of Skövde: Publications (DiVA)
Subject Terms: Visualisering, renderingstid, JavaScript-bibliotek, Chart.js, Chartist.js, Information Systems, Social aspects, Systemvetenskap, informationssystem och informatik med samhällsvetenskaplig inriktning
Description: Med stigande temperaturer och ett ökande behov av att få en inblick i miljödata kan visualisering användas som verktyg. Visualiseringar ger möjlighet till att stora mängder data blir lättare att förstå vilket skapar kvalitativa analyser. JavaScript-bibliotek kan användas för att skapa visualiseringar, varav renderingstiden är betydelsefull i samband med användarengagemang. Studiens syfte är att undersöka renderingstider vid skapandet av olika diagram hos olika JavaScript-bibliotek med olika utritningstekniker. Valet av visualiseringsbibliotek är baserat på urvalskriterier och resulterade i Chart.js och Chartist.js. Totalt 12 mätningar har utförts med en variation av bibliotek, diagramtyp och datastorlek. Mätningarna visade en betydande skillnad mellan de två JavaScript-biblioteken. Resultatet presenterar att Chartist.js har lägst renderingstid oavsett diagramtyp och datamängd. Vid framtida arbete kan det vara intressant att undersöka större dataset och ytterligare diagramtyper. Ett mer djupgående arbete i framtiden kan jämföra fler JavaScript-bibliotek eller ramverk som möjliggör isolering av teknikerna SVG och Canvas. ; Det finns övrigt digitalt material (t.ex. film-, bild- eller ljudfiler) eller modeller/artefakter tillhörande examensarbetet som ska skickas till arkivet. There are other digital material (eg film, image or audio files) or models/artifacts that belongs to the thesis and need to be archived.
Document Type: bachelor thesis
File Description: application/pdf
Language: Swedish
Availability: http://urn.kb.se/resolve?urn=urn:nbn:se:his:diva-25305
Rights: info:eu-repo/semantics/openAccess
Accession Number: edsbas.4E2C2E08
Database: BASE
Description
Abstract:Med stigande temperaturer och ett ökande behov av att få en inblick i miljödata kan visualisering användas som verktyg. Visualiseringar ger möjlighet till att stora mängder data blir lättare att förstå vilket skapar kvalitativa analyser. JavaScript-bibliotek kan användas för att skapa visualiseringar, varav renderingstiden är betydelsefull i samband med användarengagemang. Studiens syfte är att undersöka renderingstider vid skapandet av olika diagram hos olika JavaScript-bibliotek med olika utritningstekniker. Valet av visualiseringsbibliotek är baserat på urvalskriterier och resulterade i Chart.js och Chartist.js. Totalt 12 mätningar har utförts med en variation av bibliotek, diagramtyp och datastorlek. Mätningarna visade en betydande skillnad mellan de två JavaScript-biblioteken. Resultatet presenterar att Chartist.js har lägst renderingstid oavsett diagramtyp och datamängd. Vid framtida arbete kan det vara intressant att undersöka större dataset och ytterligare diagramtyper. Ett mer djupgående arbete i framtiden kan jämföra fler JavaScript-bibliotek eller ramverk som möjliggör isolering av teknikerna SVG och Canvas. ; Det finns övrigt digitalt material (t.ex. film-, bild- eller ljudfiler) eller modeller/artefakter tillhörande examensarbetet som ska skickas till arkivet. There are other digital material (eg film, image or audio files) or models/artifacts that belongs to the thesis and need to be archived.