This thesis presents an exploration into current web browser technologies for graphicsdevelopment, and offers a framework-like solution to integrate WebGL basedgraphical features into any web application based on those findings. It is builtlargely of the 2017 investigative graduate work done at Explizit Solutions (an ITfirm based in Skellefteå, Sweden), where the goal was to discover how 3D graphicstechnology in web browsers could be incorporated into and improve the front-endof their booking system services. A refined version of the solution produced in thatwork is presented, discussed and evaluated in this dissertation along with the investigativework done to produce it.

The use of 3D in web applications became available in the mid 1990's with the release of VRML. Today the use of 3D is very common even with web application, and three.js and Babylon.js has become some of the most popular 3D libraries to support the creation of 3D within web services. This project was created together with Explizit Solution AB to test if 3D can improve the user experience within booking systems. The project was to be integrated with Explizit's booking system Adoxa, and make comparisons with a version called Ånghästen which exists in Adoxa. This project was a front end development as the back end already existed within Adoxa, and a survey was made with 15 participants where they tested the original Ånghästen and the new 3D version, and filled out a question form based on that test. The result of the application was a front end 3D visualization of the original Ånghästen. The result of the survey showed that most participants preferred the new 3D version over the original one, and also stated that they would most likely continue to use a 3D application if it was designed well. Many bugs and fixes were discovered during the testing and survey and future work includes continuing to fix these and to make it more dynamic for multiple activities.

Datavisualisering är ett hjälpsamt verktyg för beslutsfattare för att inom en kontext få en god översyn och skapa förståelse. Beslutsfattare kan enklare ta beslut utifrån datan som visualiserats och visualisera geografiskt knuten data med kartor har varit populärt under en längre tid. 3D grafik för webben har också med tiden vuxit sig mer mogen och kraftfulla bibliotek har ersatt tidigare pluginbaserade lösningar. Det har skapat möjligheter för nya licensfria former av datavisualisering. Det finns dock olika angreppssätt för att skapa och visualisera data i 3D för webben, det deklarativa och det imperativa, vilket detta arbete ämnar att jämföra. Arbetet undersöker det deklarativa X3DOM och det imperativa ThreeJS för att se vilket som presterar bäst i utritningstid. Resultatet visade att ThreeJS presterar bättre jämfört mot X3DOM men ThreeJS har en ojämn prestanda kurva med många spikar.

Today a lot of libraries, tools and techniques exist to create visual appealing renders for the web. In this thesis, a prototype for visualizing baseboards in the web browser was developed. The prototype demonstrates how certain libraries and techniques were used in order to achieve a generalized, appealing and realistic visualization of the baseboards in a 3D-visualization. This paper also covers why certain libraries and techniques were used for this prototype. The resulting prototype, use Three.js and takes advantage of PBR, different mapping methods and lighting sources that can be changed during runtime through a GUI. To get results on different aspects, such as the visual appeal, how realistic, and what lighting sources worked best for the prototype, a web-survey was sent out and the results evaluated. The evaluation showed that the usage of PBR, a roughness-metalness workflow, environment mapping, physical correct lighting and a point light solution in Three.js all made a good job in creating an appealing, generalized and realistic visualization tool for the web.