Developing interactive data visualizations for web UIs
Authors
Date
2021Copyright
This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
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.
Keywords
Metadata
Show full item recordCollections
- Pro gradu -tutkielmat [28932]
Related items
Showing items with similar title or keywords.
-
A Visualization Technique for Accessing Solution Pool in Interactive Methods of Multiobjective Optimization
Filatovas, Ernestas; Podkopaev, Dmitry; Kurasova, Olga (Universitatea Agora, 2015)Interactive methods of multiobjective optimization repetitively derive Pareto optimal solutions based on decision maker's preference information and present the obtained solutions for his/her consideration. Some interactive ... -
Developing a User Interface for an Interactive Evolutionary Multiobjective Optimization Method in DESDEO
Valtonen, Perttu (2024)Multiobjective optimization focuses on simultaneously optimizing multiple conflicting objectives, presenting a complex challenge where decision makers must balance with inherent trade-offs. Interactivity plays a crucial ... -
Survey of methods to visualize alternatives in multiple criteria decision making problems
Miettinen, Kaisa (Springer, 2014)When solving decision problems where multiple conflicting criteria are to be considered simultaneously, decision makers must compare several different alternatives and select the most preferred one. The task of comparing ... -
An Artificial Decision Maker for Comparing Reference Point Based Interactive Evolutionary Multiobjective Optimization Methods
Afsar, Bekir; Miettinen, Kaisa; Ruiz, Ana B. (Springer, 2021)Comparing interactive evolutionary multiobjective optimization methods is controversial. The main difficulties come from features inherent to interactive solution processes involving real decision makers. The human can be ... -
Designing empirical experiments to compare interactive multiobjective optimization methods
Afsar, Bekir; Silvennoinen, Johanna; Misitano, Giovanni; Ruiz, Francisco; Ruiz, Ana B.; Miettinen, Kaisa (Palgrave Macmillan, 2022)Interactive multiobjective optimization methods operate iteratively so that a decision maker directs the solution process by providing preference information, and only solutions of interest are generated. These methods ...