Ändra sökning
RefereraExporteraLänk till posten
Permanent länk

Direktlänk
Referera
Referensformat
  • apa
  • harvard1
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Annat format
Fler format
Språk
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Annat språk
Fler språk
Utmatningsformat
  • html
  • text
  • asciidoc
  • rtf
Data visualization for the modern web: A look into tools and techniques for visualizing data in Angular 5 applications
Blekinge Tekniska Högskola, Fakulteten för datavetenskaper, Institutionen för programvaruteknik.
2018 (Engelska)Självständigt arbete på grundnivå (högskoleexamen), 10 poäng / 15 hpStudentuppsats (Examensarbete)
Abstract [en]

This paper looks into how data is best visualized and how visualizations should be designed to be most easily perceived. Furthermore the study looks into what tools there are available on the market today for visualizing data in angular 5 applications. With regards to a client, a developer team from the swedish police IT-department, the tools are evaluated and the one most suitable for the client is found. The paper also looks into how a dynamic data solution can be developed in angular 5. A solution where data can be selected in one component and displayed in another.

To answer the questions sought a study of previous research into data visualization was done as well as a look into how angular 5 applications can be developed. Interviews with the clients were held where their specific requirements on visualization tools were identified. After searching and listing available visualization tools on the market the tools were evaluated against the clients requirements and a prototype application were developed. Showcasing both the most suitable tool and its integration but also a dynamic data solution in angular 5.

As a conclusion data visualizations should be made as simple as possible with the main focus on the data. When it comes to tools the one most suitable to the client was Chart.js that easily integrated into an angular 5 application. An application that thanks to angular’s features is well equipped for handling and developing dynamic data solutions.

Ort, förlag, år, upplaga, sidor
2018.
Nyckelord [en]
data visualization, javascript, angular 5, web application
Nationell ämneskategori
Programvaruteknik
Identifikatorer
URN: urn:nbn:se:bth-17014OAI: oai:DiVA.org:bth-17014DiVA, id: diva2:1249944
Ämne / kurs
PA1438 Självständigt arbete Webbprogrammering
Utbildningsprogram
PAGWH Webbprogrammering
Handledare
Examinatorer
Tillgänglig från: 2018-09-26 Skapad: 2018-09-21 Senast uppdaterad: 2018-09-26Bibliografiskt granskad

Open Access i DiVA

BTH2018Almroth(1247 kB)198 nedladdningar
Filinformation
Filnamn FULLTEXT02.pdfFilstorlek 1247 kBChecksumma SHA-512
735df172a8b0ade43a5de6e31838aaad956324f61fc287adaf363bc79b4cfe19fad370602752bffb566a78451fc17066e0862ae0c2964d4e2a2f614b99b862be
Typ fulltextMimetyp application/pdf

Av organisationen
Institutionen för programvaruteknik
Programvaruteknik

Sök vidare utanför DiVA

GoogleGoogle Scholar
Totalt: 198 nedladdningar
Antalet nedladdningar är summan av nedladdningar för alla fulltexter. Det kan inkludera t.ex tidigare versioner som nu inte längre är tillgängliga.

urn-nbn

Altmetricpoäng

urn-nbn
Totalt: 592 träffar
RefereraExporteraLänk till posten
Permanent länk

Direktlänk
Referera
Referensformat
  • apa
  • harvard1
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Annat format
Fler format
Språk
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Annat språk
Fler språk
Utmatningsformat
  • html
  • text
  • asciidoc
  • rtf