Nástroj pro interaktivní vizualizaci vybraných vlastností proteinů ve webovém rozhraní

Matěj Eliáš

Bakalářská práce

Tool for Iteractive Visualization of the Selected Proteins Characteristics in the Web Interface

Anotace:

Možnost převodu člověkem zdánlivě nečitelných dat do vizuální formy poskytuje uživateli přirozenější pohled na daný problém a díky tomu značně urychluje interpretaci těchto dat. Díky podpoře na téměř všech platformách je JavaScript velmi populární technologií na poli vizualizačních nástrojů a knihoven. Tato práce se zabývá tvorbou JavaScript modulu pro interaktivní vizualizaci vybraných vlastností proteinu ve 2D a 3D. Konkrétně se práce zaměřuje na technologii JavaScript a její využití při vizualizaci dat, existující vizualizační nástroje a knihovny a integraci modulu do již existující webové aplikace. Práce popisuje architekturu vytvořeného modulu a problémy, které bylo třeba vyřešit při tvorbě takovéhoto modulu a zvolené řešení těchto problémů, jako je například synchronizace několika oddělených komponent a komunikace mezi nimi. Dále práce popisuje postup tvorby modulu, integraci již existujících knihoven do modulu, popis finálního řešení a výsledky testování modulu. Součástí práce je také krátká část o projektu, pro který byl tento modul vytvořen.

Abstract:

The possibility of converting seemingly unreadable data into a visual form provides the user with a more natural view of the given problem and, thanks to this, significantly speeds up the interpretation of this data. With support on almost all platforms, JavaScript is a very popular technology in the field of visualization tools and libraries. This work deals with the creation of a JavaScript module for interactive visualization of selected protein properties in 2D and 3D. Specifically, the work focuses on JavaScript technology and its use in data visualization, existing visualization tools and libraries, and integration of the module into an existing web application. The work describes the architecture of the created module and the problems that had to be solved during the creation of such a module and the chosen solution to these problems, such as the synchronization of several separate components and communication between them. Furthermore, the thesis describes the process of creating the module, the integration of already existing libraries into the module, the description of the final solution and the results of testing the module. The work also includes a short section about the project for which this module was created.

Klíčová slova

JavaScript, React, Molstar, uPlot, Webová aplikace, Vizualizace dat, Vizualizace makromolekulárních struktur, Vizualizace proteinů

Keywords

JavaScript, React, Molstar, uPlot, Web application, Data visualization, Visualization of macromolecular structures, Visualization of proteins

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 30. 4. 2023

Obhajoba závěrečné práce

• Obhajoba proběhla 30. 5. 2023
• Vedoucí: Tomáš Martinovič
• Oponent: Michal Vašinek

VŠB – Technická univerzita Ostrava

Fakulta elektrotechniky a informatiky

Bakalářský studijní program:
Informatika