Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • harvard1
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Analysis of the performance difference between server-side and client-side rendering for data visualization in real-time using D3.js
KTH, School of Computer Science and Communication (CSC).
KTH, School of Computer Science and Communication (CSC).
2017 (English)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesisAlternative title
Analys av prestandaskillnaden mellan server- och klientsidorendering för datavisualisering i realtid med D3.js (Swedish)
Abstract [en]

Real-time data visualization has the ability to visualize huge amounts of data into understandable graphics and allows for immediate action to be taken on emerging trends. This report aims to compare the performance of real-time server-side and client-side rendering when using the data visualization framework D3.js. To perform this comparison, two applications were constructed to measure the performance of both sides. The results points towards client-side data visualization being faster than server-side with D3.js when using JSDOM at server-side. Therefore we conclude that using the same, or a very similar environment as the applications in this study, client-side data visualization offers better performance. Server-side rendering still offered possibilities for real-time data visualization. However, due to the amount of different influencing factors, we cannot confirm the results to hold up in different situations with other environments than the one that has been used in this study.

Abstract [sv]

Visualisering i realtid gör det möjligt att förvandla stora mängder data till lättbegripliga diagram och tillåter snabba handlingar att utföras utefter framträdande mönster. Denna rapport har som mål att jämföra prestandan av visualisering i realtid på klientsidan gentemot serversidan med visualiseringsramverket D3.js. För att utföra denna jämförelse så har två applikationer skapats för att mäta prestandan av de två olika strategierna. Resultaten pekar mot att visualisering, med D3.js, av data i realtid på klientsidan är snabbare än på serversidan vid användning av JSDOM för rendering på serversidan. Slutsatsen vi kommer fram till är att när samma, eller liknande, miljö används som för applikationerna i denna studie så ger visualisering på klientsidan en bättre prestanda. Rendering på serversidan erbjöd ändå möjligheter för realtidsvisualisering till viss del. Emellertid, på grund av flera olika påvärkande faktorer kan vi inte bedöma huruvida resultaten kommer förbli detsamma i annorlunda situationer med andra miljöer än vad som använts i denna studie.

Place, publisher, year, edition, pages
2017. , 33 p.
National Category
Computer Science
Identifiers
URN: urn:nbn:se:kth:diva-208655OAI: oai:DiVA.org:kth-208655DiVA: diva2:1107724
Subject / course
Computer Technology and Real Time Programming
Educational program
Master of Science in Engineering - Computer Science and Technology
Supervisors
Examiners
Available from: 2017-06-18 Created: 2017-06-10 Last updated: 2017-06-18Bibliographically approved

Open Access in DiVA

fulltext(486 kB)12 downloads
File information
File name FULLTEXT01.pdfFile size 486 kBChecksum SHA-512
7e2ab5134958f6126368d1f795c87aec919e14548b968c7bd99fed9ee590a0e7af4b3b45d0faf6cd7e232ffe296e4776cd6b73da451433cb4e9efea979e991d8
Type fulltextMimetype application/pdf

Search in DiVA

By author/editor
Luttu, JohanRosquist, Oscar
By organisation
School of Computer Science and Communication (CSC)
Computer Science

Search outside of DiVA

GoogleGoogle Scholar
Total: 12 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

Total: 14 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • harvard1
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf