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.