Return to search

A comparative study between server and client rendering of real-time data visualizations using D3 / En jämförande studie mellan server- och klientrendering av real-time data visualiseringar med D3

Applying visualization techniques to larger data sets is important to make them easier to explore and analyze. It is also desirable for the visualizations to be done efficiently where there is a continuous flow of data that needs to be visualized. This thesis will explore the performance difference of client and server rendering respectively with the implemented JavaScript visualization framework D3. To perform the comparative study, two prototypes were created, one using server-side rendering and one using client-side rendering. The time was measured and compared between the two versions to see the impact on render and total time for different data sizes and different amount of concurrently connected clients. Rendering times on the client version showed to be faster than on the server, however the data as JSON objects transferred in the client version was significantly larger than the SVG elements in the server version, which leads to a trade off between transferring times and rendering times between the two versions. Increasing the amount of concurrent clients showed to have a significant impact on the server version for larger data sets which was to be expected. / Appliceringen av visualiseringstekniker för större mängder av data är viktigt för att göra dem lättare att utforska och analysera. Det är också önskvärt för visualiseringarna att göras effektivt där det finns ett kontinuerligt flöde av data som behöver visualiseras. Denna rapport utforskar prestanda skillnaderna mellan klient och server rendering med det implementerade JavaScript visualiseringsramverket D3. Den jämförande studien gjordes genom att göra två stycken prototyper, den ena renderade på server-sidan medan den andra renderade på klient-sidan. Olika data mängder och olika antal klienter testades för att se deras påverkan på renderings- och totaltiden för de två versionerna. Renderingstiderna på klient-versionen var snabbare än på servern, dock var datan som skickades på klient-versionen större än de SVG element som skickades på server-versionen vilket leder till att det blir en avvägning mellan överföringstider och renderingstider för de två versionerna. En ökning av antalet parallella klienter hade en stor inverkan på tiden för server-versionen för större datamängder vilket var förväntat.

Identiferoai:union.ndltd.org:UPSALLA1/oai:DiVA.org:kth-208518
Date January 2017
CreatorsAndersson, Petter, Wörlund, Robert
PublisherKTH, Skolan för datavetenskap och kommunikation (CSC)
Source SetsDiVA Archive at Upsalla University
LanguageEnglish
Detected LanguageSwedish
TypeStudent thesis, info:eu-repo/semantics/bachelorThesis, text
Formatapplication/pdf
Rightsinfo:eu-repo/semantics/openAccess

Page generated in 0.0019 seconds