Webteknologi

D3.js visualiseringer

Kort fortælling om hvilke overvejelser vi havde til udføring
Alle vores visualiseringer er tilkoblet vores ElephantSQL server, som er der hvor vi henter vores data fra.

Single line charts

Vi har valgt at vise alle udvalgte faretøjer i et line chart. Fordi at alle line charts er magen til hinanden, så valgte vi at lave et charts.js script hvor vi henter koden fra i de enkelte visualiserings-sider. Den eneste forskel på visualiseringerne er det data som hentes fra vores ElephantSQL server.

Multi line chart

I denne visualisering har vi lagt alle de forige charts samme i et. Dette gør vi med en transition hvor man kan toggle de forskellig transportmidler.

Hjemmesiden

Vi har valgt at lave en hjemmeside hvor vi viser vores produkter, samt kommer ind på de forskellig fag og metoder vi har anvendt i projekt forløbet.

Selve koden til produktet er beskrevet inde i koden ved hjælp af kommentare.

Sammenligning visualiseringer

Vi har som den sidste visualisering, lavet nogle visualiseringer der viser det resultat vi kom frem til.

Disse har krævet individuel kode, som vi ikke har kunnet genbruge fra resten af vores produkt.