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

Gespeichert in:
Bibliographische Detailangaben
Titel: 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
Autoren: Thangnoi, Natcha
Verlagsinformationen: Högskolan i Skövde, Institutionen för informationsteknologi
Publikationsjahr: 2025
Bestand: University of Skövde: Publications (DiVA)
Schlagwörter: Visualisering, renderingstid, JavaScript-bibliotek, Chart.js, Chartist.js, Information Systems, Social aspects, Systemvetenskap, informationssystem och informatik med samhällsvetenskaplig inriktning
Beschreibung: 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.
Publikationsart: bachelor thesis
Dateibeschreibung: application/pdf
Sprache: Swedish
Verfügbarkeit: http://urn.kb.se/resolve?urn=urn:nbn:se:his:diva-25305
Rights: info:eu-repo/semantics/openAccess
Dokumentencode: edsbas.4E2C2E08
Datenbank: BASE
Beschreibung
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.