Integration of 3D Charts in LightningChart JS
Keinänen, Niilo (2019)
2019
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2019121426691
https://urn.fi/URN:NBN:fi:amk-2019121426691
Tiivistelmä
Opinnäytetyön tavoitteena oli suunnitella, kehittää ja integroida uusi 3D-kuvaajaominaisuus LightningChart JS-datavisualisointikirjastoon. Tarkoituksena oli laajentaa tuotteen asiakasryhmää, sekä luoda pohjaa muille 3D-ominaisuuksille.
Opinnäytetyö perustui internetistä löydettyihin WebGL oppaisiin sekä viralliseen dokumentaation. LightningChart JS koodikirjasto kirjoitettiin TypeScript-kielellä. Myös GLSL-kieltä hyödynnettiin shaderien toteuttamiseen.
Opinnäytetyön tuloksena saatiin toimiva ominaisuus, joka tulee johtamaan uuteen laajaan LightningChart JS päivitykseen. Tulos toimii myös tärkeänä valmistelu-askeleena muille tuleville 3D-ominaisuuksille. Kehityksen aikana löytyi myös optimointitekniikoita, joita voidaan tulla hyödyntämään aiempien ominaisuuksien parantamiseen. The goal of the thesis was to integrate new 3D rendering features to LightningChart JS, a WebGL based visualization library written in TypeScript. The fundamental requirements were a 3D scene that can be shared for future 3D features as well as an end user feature for rendering large datasets as triangulated 3D cubes.
The thesis was widely based on knowledge learned from online tutorials and official documentation of WebGL. LightningChart JS codebase was written in TypeScript. Additionally, GLSL was utilized for implementing shaders.
The result of the thesis was a functioning feature implementation which will be the basis of a new major feature release of LightningChart JS. The result will also be an important foundation for future core features. During the development, new optimization techniques which can be utilized for improving the previous features, were found.
Opinnäytetyö perustui internetistä löydettyihin WebGL oppaisiin sekä viralliseen dokumentaation. LightningChart JS koodikirjasto kirjoitettiin TypeScript-kielellä. Myös GLSL-kieltä hyödynnettiin shaderien toteuttamiseen.
Opinnäytetyön tuloksena saatiin toimiva ominaisuus, joka tulee johtamaan uuteen laajaan LightningChart JS päivitykseen. Tulos toimii myös tärkeänä valmistelu-askeleena muille tuleville 3D-ominaisuuksille. Kehityksen aikana löytyi myös optimointitekniikoita, joita voidaan tulla hyödyntämään aiempien ominaisuuksien parantamiseen.
The thesis was widely based on knowledge learned from online tutorials and official documentation of WebGL. LightningChart JS codebase was written in TypeScript. Additionally, GLSL was utilized for implementing shaders.
The result of the thesis was a functioning feature implementation which will be the basis of a new major feature release of LightningChart JS. The result will also be an important foundation for future core features. During the development, new optimization techniques which can be utilized for improving the previous features, were found.