Developing interactive data visualizations for web UIs

Abstract

Tämän tutkielman parissa kehitettiin interaktiivisia datanvisualisointikomponentteja, jotka on tarkoitettu käytettäväksi asiakaspuolen web-sovelluksissa. Komponentit on suunniteltu monitavoiteoptimoinnin tarpeita silmällä pitäen, erityisesti interaktiivisten menetelmien tarpeet huomioiden. Tutkielma tuotti kaksi uutta sovellusta, joiden nimet ovat desdeo-components ja desdeo-frontend. Desdeo-components on komponenttikirjasto, joka sisältää joukon visualisointitekniikoita. Visualisoinnit on rakennettu Victory.js-kirjaston pohjalta. Desdeo-frontend on single-page application -tyylillä toteutettu web-käyttöliittymäsovellus, joka demonstroi, kuinka komponentteja käytetään. Desdeo-frontend voi jatkossa toimia pohjana DESDEO-optimointisovelluksen web-käyttöliittymän kehitykselle. Tämä tutkielma kartoitti erilaisia web-teknologioita, jotka soveltuvat uusien sovelluksien tarpeisiin. Lisäksi tutkielmassa tunnistettiin suunnittelumalleja, joiden avulla käyttäjän antamia syötteitä voidaan käsitellä joustavasti.

This thesis tackles the problem of developing interactive data visualization components that can be used in client-side web applications. The components are designed to be used in the context of multi-objective optimization, and especially with interactive methods. The thesis produced two new applications – desdeo-components and desdeo-frontend. Desdeo-components is a component library that includes several visualization techniques that were implemented with the Victory.js charting library. Desdeo-frontend is a single-page application that demonstrates how the components are used. Furthermore, desdeo-frontend may serve as a building block for creating a web user-interface for the DESDEO optimization software framework. The thesis explores different technologies that could be used for new applications and identifies design patters for handling user actions in a flexible manner.