Skip to main content
F1000Research logoLink to F1000Research
. 2014 Feb 13;3:44. [Version 1] doi: 10.12688/f1000research.3-44.v1

PsicquicGraph, a BioJS component to visualize molecular interactions from PSICQUIC servers

Jose M Villaveces 1, Rafael C Jimenez 2, Bianca H Habermann 1,a
PMCID: PMC4097353  PMID: 25075287

Abstract

Summary: Protein interaction networks have become an essential tool in large-scale data analysis, integration, and the visualization of high-throughput data in the context of complex cellular networks. Many individual databases are available that provide information on binary interactions of proteins and small molecules. Community efforts such as PSICQUIC aim to unify and standardize information emanating from these public databases. Here we introduce PsicquicGraph, an open-source, web-based visualization component for molecular interactions from PSIQUIC services.

Availability: PsicquicGraph is freely available at the BioJS Registry for download and enhancement. Instructions on how to use the tool are available here http://goo.gl/kDaIgZ and the source code can be found at http://github.com/biojs/biojs and DOI: 10.5281/zenodo.7709.

Introduction

Proteins are one of the major actors in cellular processes and perform many different functions, which are required for the survival of a cell and an organism. Depending on the cell type, a different set of proteins will be available to ensure proper functioning of the cell within a larger context, for instance an organ. Typically, a cellular process is controlled by many different proteins that form a sophisticated network of interactions. Some proteins are even part of larger complexes, so-called molecular machines and the majority of interacting members are required to carry out a specific molecular task. In Systems Biology, we can use the networks of protein interactions to help us understand highly complex cellular processes.

Different efforts have been used to collect protein interactions. For example IntAct, an open-source, open data molecular interaction database 1 contains approximately 275 000 curated binary interactions extracted from over 5000 publications. ChEMBL is another example of an open source database 2 and holds more than 600 000 interactions between proteins and small molecules (chemicals).

In order to standardize access to interaction databases, the Proteomics Standard Initiative proposed the Proteomics Standard Initiative Common QUery InterfaCe ( PSICQUIC) 3 that defines:

   1. a web service with well defined methods to enable programmatic access to molecular interactions.

   2. a Molecular Interactions Query Language (MIQL 4), that specifies a syntax to allow flexible queries.

   3. a registry, that lists available PSICQUIC services and enables providers of databases for molecular interactions to register.

Meanwhile, 28 different databases have registered with PSICQUIC, including IntAct and ChEMBL, which altogether contain more than 150 million binary interactions.

Here, we present PsicquicGraph, a web component to visualize molecular interactions from PSICQUIC services. We have realized PsicquicGraph using BioJS 5, an open source JavaScript library of components for visualization of biological data on the web.

The PsicquicGraph component

The minimal input for PsicquicGraph is (i) the URL of a valid PSICQUIC server, (ii) a valid MIQL query, (iii) a target container (HTML tag; usually a DIV) identifier to render the interactions graph and (iv) a proxy URL to bypass the same domain policy constraint in JavaScript.

Using the MIQL query, PsicquicGraph queries the PSICQUIC server. After retrieving the interactions in PSIMITAB 6 format, the interactions are parsed by PsicquicGraph and the graph is rendered using Cytoscape.js 7 ( Figure 1a).

Figure 1. PsicquicGraph rendering of the proteins in the VEGF signaling pathway.

Figure 1.

The VEGF pathway is an essential regulator of vasculogenesis, as well as angiogenesis. In adults, it is up-regulated in a vast number of tumors. Solid tumors often build novel blood vessels and VEGF is one important regulator in that development. It is also a drug target in tumor medicine and several drugs directly target the VEGF receptor to block blood vessel formation in tumors. ( a) Default values were used to define the layout as well as other visualization options. ( b) A force-directed layout was used to render the graph and other visualization options such as node shape, node color and node label were customized.

The code below illustrates how to initialize PsicquicGraph by providing the minimal input. The query defined finds the first 100 human interactions (restricted by maxResults) and the psicquicUrl provided corresponds to the IntAct database. The name given to target constitutes the identifier of the component container.

                    var instance = new Biojs.PsicquicGraph ({
  target: 
                        
                            ʼ
                        example
                        
                            ʼ
                        , 
  psicquicUrl: 
                        
                            ʼ
                        http://www.ebi.ac.uk/Tools/
  webservices/psicquic/intact/webservices/
  current/search/query
                        
                            ʼ
                        , 
  proxyUrl: 
                        
                            ʼ
                        proxy.php
                        
                            ʼ
                        , 
  query: 
                        
                            ʼ
                        species:human? firstResult=0
  &maxResults=100
                        
                            ʼ
                        
});
                

By default, PsicquicGraph renders the graph using a circle layout. However, other layouts (force-directed, hierarchy, grid, random and preset) can be defined while initializing the component. Similarly, different visualization attributes such as node shape, color and font family can be defined ( Figure 1b).

Conclusions

PsicquicGraph is a publicly available web component to render interactions from PSICQUIC servers. It relies on PSICQUIC and open data databases in order to simplify the rendering of complex protein-protein interaction networks.

The adoption of the BioJS specification facilitates PsicquicGraph integration, testing and documentation in addition to the potential exposure to new users.

Software availability

Zenodo: PsicquicGraph, a BioJS component to visualize molecular inteactions from PSICQUIC servers, doi: 10.5281/zenodo.7709 8.

GitHub: BioJS, http://github.com/biojs/biojs

Funding Statement

JMV was financed by BMBF-grant 315737 (Virtual Liver Network). This work was supported by the Max Planck Society.

v1; ref status: indexed

References

  • 1.Kerrien S, Aranda B, Breuza L, et al. : The IntAct molecular interaction database in 2012. Nucleic Acids Res. 2012;40(Database issue):D841–D846 10.1093/nar/gkr1088 [DOI] [PMC free article] [PubMed] [Google Scholar]
  • 2.Gaulton A, Bellis LJ, Bento AP, et al. : ChEMBL: a large-scale bioactivity database for drug discovery. Nucleic Acids Res. 2012;40(Database issue):D1100–D1107 10.1093/nar/gkr777 [DOI] [PMC free article] [PubMed] [Google Scholar]
  • 3.Aranda B, Blankenburg H, Kerrien S, et al. : PSICQUIC and PSISCORE: accessing and scoring molecular interactions. Nat Methods. 2011;8(7):528–529 10.1038/nmeth.1637 [DOI] [PMC free article] [PubMed] [Google Scholar]
  • 4.MIQL. Accessed: 2014-16-01. Reference Source [Google Scholar]
  • 5.Gómez J, García LJ, Salazar GA, et al. : BioJS: an open source JavaScript framework for biological data visualization. Bioinformatics. 2013;29(8):1103–1104 10.1093/bioinformatics/btt100 [DOI] [PMC free article] [PubMed] [Google Scholar]
  • 6.Kerrien S, Orchard S, Montecchi-Palazzi L, et al. : Broadening the horizon--level 2.5 of the HUPO-PSI format for molecular interactions. BMC Biol. 2007;5:44 10.1186/1741-7007-5-44 [DOI] [PMC free article] [PubMed] [Google Scholar]
  • 7.Cytoscape.js. Accessed: 2013-11-06. Reference Source [Google Scholar]
  • 8.José MV, Rafael CJ, Bianca H: PsicquicGraph, a BioJS component to visualize molecular inteactions from PSICQUIC servers. Zenodo. 2014. Data Source [Google Scholar]
F1000Res. 2014 Mar 25. doi: 10.5256/f1000research.3697.r4210

Referee response for version 1

Frederic de Lamotte 1, Jean-François Dufayard 2

This web tool article describes a component of BioJS, a javascript library of reusable components for the presentation of biological data. This particular tool, PsicquicGraph, is a web component intended to visualize molecular interactions from PSICQUIC servers.

PSICQUIC servers offer a standardised method for accessing proteomic interaction databases. From a biologists point of view,  PsicquicGraph and the BioJS initiative are extremely positive as it will allow for the retrieval of information from various databases in a seamless manner. 

Technically speaking,  PsicquicGraph cleverly takes advantage of BioJS, Cytoscape.js as well as MILQ by providing useful interactions within all these modules. The links provided in this article allows access to decent documentation of the tool and also provides a useful working example.

Improvements

I consider that this article could be improved by listing the 28 databases that the authors claim to have registered with PSICQUIC and making them available in this article. That would allow the reader to easily figure out how important this standardization is.

I spent some times trying, but I was not successful in recreating the example in the window mode as advised by the authors (I tried Chrome, Firefox and Safari). I was thus not able to experience the demo example completely, which is bad for a web tool.

We have read this submission. We believe that we have an appropriate level of expertise to confirm that it is of an acceptable scientific standard.

F1000Res. 2014 Feb 24. doi: 10.5256/f1000research.3697.r3841

Referee response for version 1

Christine Orengo 1

This short article describes a component (PsicquicGraph) within the larger javascript library (BioJS) that assists the visualisation of molecular interactions on web pages. The component effectively provides the glue to stick the following pieces of technology together:

 - Cytoscape.js (a powerful tool for viewing networks on web pages)

 - MILQ (a language for querying molecular interactions)

 - BioJS (an event-driven javascript library which facilitates interaction between javascript widgets)

The component described in this article is already useful - mainly in that it provides a standard way of interacting with these existing modules and provides a single point of focus for future development. However there are some obvious developments the authors should make in a following version of the article that would make the component more useful:

  1. Registering events (such as when a user selects a "node" or "edge").

  2. Providing access to the underlying "cytoscape" javascript instance (to allow manipulation of the network after it has been created).

I have read this submission. I believe that I have an appropriate level of expertise to confirm that it is of an acceptable scientific standard.


Articles from F1000Research are provided here courtesy of F1000 Research Ltd

RESOURCES