Rendering av diagram med olika JavaScript-bibliotek: En jämförande studie mellan SVG- och Canvas-baserade JavaScript-bibliotek vid renderingstider av olika diagram
2025 (Swedish)Independent thesis Basic level (degree of Bachelor), 20 credits / 30 HE credits
Student thesisAlternative title
Rendering of diagrams in different JavaScript libraries : A comparative study between SVG- and Canvas-based JavaScript libraries for rendertimes of different diagrams (English)
Abstract [sv]
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.
Place, publisher, year, edition, pages
2025. , p. 66
Keywords [sv]
Visualisering, renderingstid, JavaScript-bibliotek, Chart.js, Chartist.js
National Category
Information Systems, Social aspects
Identifiers
URN: urn:nbn:se:his:diva-25305OAI: oai:DiVA.org:his-25305DiVA, id: diva2:1973377
Subject / course
Informationsteknologi
Educational program
Web Developer - Programming
Supervisors
Examiners
Note
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.
2025-06-192025-06-192025-09-29Bibliographically approved