TECHNOLOGY AND CODE article
Front. Bioinform.
Sec. Data Visualization
Volume 5 - 2025 | doi: 10.3389/fbinf.2025.1586744
This article is part of the Research Topic14th International Meeting on Visualizing Biological Data (VIZBI 2024)View all articles
ngx-mol-viewers: Angular Components for Interactive Molecular Visualization in Bioinformatics
Provisionally accepted
- 1Department of Biomedical Sciences, University of Padova, Padova, Veneto, Italy
- 2European Bioinformatics Institute (EMBL-EBI), Cambridge, United Kingdom
- 3Institute of Biomembranes, Bioenergetics and Molecular Biotechnologies, Department of Biomedical Sciences, National Research Council (CNR), Bari, Apulia, Italy
Select one of your emails
You have multiple emails registered with Frontiers:
Notify me on publication
Please enter your email address:
If you already have an account, please login
You don't have a Frontiers account ? You can register here
Advancements in bioinformatics, propelled by technologies like machine learning, have led to a substantial increase in data generated from both empirical observations and computational models. As a consequence, those well known biological databases are growing in size and centrality, integrating data from different sources. While the primary goal of those resources is to collect and distribute the data through APIs, providing visualization and analysis tools directly on the browser interface is crucial for the users to understand the data provided by the database, increasing its usefulness and overall impact.Nowadays, some front-end frameworks are available to sustain development of the user interface (UI) and user experience (UX) of these resources. Among the most widespread ones there is Angular (Technology | 2024 Stack Overflow Developer Survey, no date), which is broadly adopted within the BioCompUP laboratory. This work describes a library of reusable and customizable components which easily integrate into the Angular framework (Angular, no date), providing visualizations for many aspects of a protein, such as its sequence, structure and annotations on the former.Currently the library includes three main, independent components: first, the ngx-structure-viewer, which allows the visualization of molecules through the MolStar (Sehnal et al., 2021) three dimensional viewer. Second, the ngx-sequence-viewer which provides visualization and annotation capabilities for a single sequence or a multiple sequence alignments. Third, the ngx-features-viewer which provides a way of mapping and visualizing various biological annotations onto the same biological molecule. All these tools are made available for download through the Node Package Manager (NPM) (npm, no date).More information available at: https://biocomputingup.github.io/ngx-mol-viewers/ (under development).
Keywords: bioinformatics, angular, Web components, biological visualization, typescript
Received: 03 Mar 2025; Accepted: 30 Apr 2025.
Copyright: © 2025 Clementel, Conte, Monzon and Tosatto. This is an open-access article distributed under the terms of the Creative Commons Attribution License (CC BY). The use, distribution or reproduction in other forums is permitted, provided the original author(s) or licensor are credited and that the original publication in this journal is cited, in accordance with accepted academic practice. No use, distribution or reproduction is permitted which does not comply with these terms.
* Correspondence:
Alexander M Monzon, Department of Biomedical Sciences, University of Padova, Padova, 35122, Veneto, Italy
Silvio C E Tosatto, Department of Biomedical Sciences, University of Padova, Padova, 35122, Veneto, Italy
Disclaimer: All claims expressed in this article are solely those of the authors and do not necessarily represent those of their affiliated organizations, or those of the publisher, the editors and the reviewers. Any product that may be evaluated in this article or claim that may be made by its manufacturer is not guaranteed or endorsed by the publisher.