Grafički prikaz podataka u web-aplikacijama uporabom biblioteka za toplinske karte

undergraduate thesis

• Title (english): Data Visualisation in Web Applications using Heat Map Libraries
• Author: Fran Bačić
• Mentor: Ivana Bosnić (mentor)
• Committee member: Ivana Bosnić (predsjednik povjerenstva)
• Committee member: Igor Čavrak (član povjerenstva)
• Committee member: Branimir Pervan (član povjerenstva)
• Granter: University of Zagreb; Faculty of Electrical Engineering and Computing; Zagreb
• Defense date and country: 2019-09-12, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Computing

Abstract

U ovom radu izvedena je i opisana usporedba biblioteka za prikaz toplinskih karata napisanih u jeziku JavaScript. Razmatraju se biblioteke Leaflet Heatmap.js, Leaflet divHeatmap, Leaflet WebGL Heatmap i Leaflet.heat; te biblioteke su dodatci na biblioteku za prikaz geografskih karata, Leaflet. Uspoređuju se po sljedećim kriterijima: kvaliteta dostupne dokumentacije, jednostavnost implementacije, performansama i raznim dostupnim mogućnostima prilagodbe izgleda toplinskih karata. Usporedbama su prikazane postojeće razlike među razmatranim bibliotekama. Biblioteke Leaflet Heatmap.js i Leaflet.heat izdvajaju se kao kvalitetnije od ostalih spomenutih biblioteka. Primjena tih biblioteka prikazana je unutar web-aplikacije koja omogućuje prikaz podataka pribavljenih s web-sjedišta HZZ-a u obliku toplinskih karata. Ta aplikacija omogućuje odabir pojedine biblioteke za prikaz toplinskih karata, te odabir podataka koji se prikazuju i redovito ažuriraju.

Abstract (english)

Within this paper, a comparison of heatmap libraries written in the JavaScript programming language was made. The libraries in question are Leaflet Heatmap.js, Leaflet divHeatmap, Leaflet WebGL Heatmap and Leaflet.heat, which are plugins for the Leaflet geographic map library. The comparison was made following these criteria: the quality of the available documentation, the simplicity of the implementation, the performance and all the available options to adjust the look of the heatmaps. The comparisons have shown the existing differences between the libraries in question. The libraries, Leaflet Heatmap.js and Leaflet.heat came up above the other two in quality. The use of these libraries was shown within a web application that allows the data pulled from the HZZ website to be shown in the form of heatmaps. The web application allows a choice between the aforementioned heatmap libraries and the data which is shown.

• Keywords: toplinska karta; biblioteka; Leaflet; Leaflet Heatmap.js; Leaflet divHeatmap; Leaflet WebGL Heatmap; Leaflet.heat; Javascript; Python; HTML; CSS; web-aplikacija; web-stranica; web-poslužitelj
• Keywords (english): heatmap; library; Leaflet; Leaflet Heatmap.js; Leaflet divHeatmap; Leaflet WebGL Heatmap; Leaflet.heat; JavaScript; Python; HTML; CSS; web app; website; web server
• Language: croatian
• URN:NBN: urn:nbn:hr:168:746623
• Study programme: Title: Computing; Study programme type: university; Study level: undergraduate; Academic / professional title: sveučilišni/a prvostupnik/ prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka računarstva (sveučilišni/a prvostupnik/ prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka računarstva)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Closed access
• Created on: 2020-01-07 16:17:42