Högskolan i Skövde

his.sePublications
Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • apa-cv
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Visualisering av miljödata i form av heatmaps: En jämförelsestudie mellan utritningsteknikerna Canvas och SVG baserat på utritningstiden
University of Skövde, School of Informatics.
2023 (Swedish)Independent thesis Basic level (degree of Bachelor), 20 credits / 30 HE creditsStudent thesisAlternative title
Visualization of environmental data in the form of heatmaps : A comparison study between the rendering technology Canvas and SVG based on the rendering time (English)
Abstract [sv]

Det samlas in olika typer av data hela tiden, komplex data är svårt för människor att tolka och förstå i dess råa form. För att göra det lättare för människor använder man olika datavisualiseringsverktyg som gör det lättare att sammanfatta data. Det finns många olika typer av visualiseringar som till exempel diagram, tabeller, bilder och kartor såsom en Heatmap. En heatmap används för att visa geospatial data, då den använder koordinater kombinerat med en karta som visar aktiviteterna genom olika färger.

Ett problem som uppstår när komplex data används är att utritningstiden brukar vara långsam, detta leder till att användarupplevelsen försämras. I detta arbete ska två tekniker jämföras för att ta reda på vilken teknik som kan visualisera miljödata i form av heatmap på snabbaste tid med kartlagret Google Maps, med data som kommer ifrån ICES Oceanographic databas som klassificeras som miljödata. Tekniken som ska jämföras är Canvas som representeras av JavaScript biblioteket Heatmap.js och SVG som representeras av JavaScript biblioteket D3.js För att utföra denna studie användes ett tekniskt experiment som vald vetenskaplig metod. Resultatet av studien blev att Heatmap.js presterade bättre än vad D3.js gjorde. 

Place, publisher, year, edition, pages
2023. , p. 58, viii
Keywords [sv]
Datavisualisering, Heatmap.js, D3.js, utritningstid och Google Maps API
National Category
Information Systems, Social aspects
Identifiers
URN: urn:nbn:se:his:diva-22792OAI: oai:DiVA.org:his-22792DiVA, id: diva2:1773540
Subject / course
Informationsteknologi
Educational program
Web Developer - Programming
Supervisors
Examiners
Available from: 2023-06-22 Created: 2023-06-22 Last updated: 2023-06-22Bibliographically approved

Open Access in DiVA

fulltext(18786 kB)72 downloads
File information
File name FULLTEXT01.pdfFile size 18786 kBChecksum SHA-512
40e4c7a31ce7ac27bfdade091c9caf3d6f231151d98129ebbefbfd0c24472c21d1357bacbdfec05ab98fd66eae2539a5c2e429d9e7d131dca4b8394e22b9345f
Type fulltextMimetype application/pdf

By organisation
School of Informatics
Information Systems, Social aspects

Search outside of DiVA

GoogleGoogle Scholar
Total: 72 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 136 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • apa-cv
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf