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

završni rad

• Naslov (engleski): Data Visualisation in Web Applications using Heat Map Libraries
• Autor: Fran Bačić
• Mentor: Ivana Bosnić (mentor)
• Član povjerenstva: Ivana Bosnić (predsjednik povjerenstva)
• Član povjerenstva: Igor Čavrak (član povjerenstva)
• Član povjerenstva: Branimir Pervan (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Fakultet elektrotehnike i računarstva; Zagreb
• Datum i država obrane: 2019-09-12, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Računarstvo

Sažetak

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.

Sažetak (engleski)

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.

• Ključne riječi: 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
• Ključne riječi (engleski): heatmap; library; Leaflet; Leaflet Heatmap.js; Leaflet divHeatmap; Leaflet WebGL Heatmap; Leaflet.heat; JavaScript; Python; HTML; CSS; web app; website; web server
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:168:746623
• Studijski program: Naziv: Računarstvo; Vrsta studija: sveučilišni; Stupanj studija: preddiplomski; Akademski / stručni naziv: sveučilišni/a prvostupnik/ prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka računarstva (univ.bacc.ing.comp.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Zatvoreni pristup
• Datum i vrijeme pohrane: 2020-01-07 16:17:42