Skip to content

Latest commit

 

History

History
54 lines (41 loc) · 5.15 KB

paper.md

File metadata and controls

54 lines (41 loc) · 5.15 KB
title tags authors affiliations date bibliography
A reusable tree-based web-visualization to browse EDAM ontology, and contribute to it.
javascript
bioinformatics
d3js
d3.js
ontology
visualization
edamontology
ontology
name orcid affiliation
Bryan Brancotte
0000-0001-8669-5525
1
name affiliation
Christophe Blanchet
2
name orcid affiliation
Hervé Ménager
0000-0002-7552-1009
1
name index
Bioinformatics and Biostatistics HUB, Centre de Bioinformatique, Biostatistique et Biologie Intégrative (C3BI, USR 3756 Institut Pasteur CNRS), Paris, France
1
name index
French Institute of Bioinformatics, CNRS IFB-Core, Gif-sur-Yvette, France
2
01 February 2018
paper_resources/paper.bib

Summary

The EDAM Browser is a client-side web-based visualization javascript widget for the navigation of the EDAM ontology [@ison2013edam]. EDAM is a structured and controlled vocabulary describing bioinformatics and computational biology concepts. It is used to annotate resource descriptions (tools, web services) for discovery [@ison2015tools] and integration in platforms such as galaxy [@afgan2016galaxy]. The EDAM Browser provides users a simple and performant interface to explore EDAM when annotating or searching for bioinformatics resources.

User interface and functionalities

The user interface (see Fig. 1) is divided in two main panels, a tree representation of the ontology on the left, and a properties card on the right. The tree on the left represents the different parts of the ontology (formats, data, operations and topics). By expanding or closing the nodes, users explore the hierarchy of the EDAM concepts. The selected concept is displayed in bold, and all the path(s) leading from the root to it are highlighted. The properties card panel on the right displays the main properties of the concept, such as its definition, comments, synonyms, and its non-hierarchical relations to other concepts (e.g. an operation has inputs, outputs, and belongs to a given topic). It also includes counts and links to entries in various databases that use this term, such as bio.tools, BioSphere [@brancotte2017biosphere], BioWeb and TeSS.

EDAM Browser main interface with a concept that have two parents, and relations with others concepts

The user may directly suggest a modification on a concept by clicking on the "edit" icons at the top-right corner of this panel ; creating a new concept is also possible thanks to the "add a child" button. Both lead the user to a form that directly formats suggestions as github issues ready to be submitted by the user (see Fig. 2).

The edition form and the issue created

Additional components of the interface include a full-text search box to search for concepts on their names, synonyms or descriptions; a navigation toolbar to toggle the display of specific parts of the ontology only, or load locally modified versions of the ontology; and a history stack of the concepts that have been seen previously to the one currently selected, below the properties card panel.

Architecture, installation and integration

One of the specificities of EDAM is its relatively small size in comparison with large ontologies like Gene Ontology [@ashburner2000go][@go2016go]. This reduced size makes it easy to load it entirely in the browser's memory, and enables a fast navigation that does not rely on server calls (except for displaying usage statistics from external annotated resources). The architecture of EDAM Browser is therefore very simple: it uses the D3.js library [@bostock2011d3] for visualisation, and loads EDAM from a JSON-based format, which is lighter and easier to parse than the native OWL/XML format. This makes the system easy to download and run, either as a local HTML file or on a web server. It is also possible to integrate it in external websites and applications: the autocomplete input field and the tree visualization are re-usable, and demonstration code is available online, showing how the tree can be integrated, and how to programmaticaly interact with the tree in JavaScript.

Conclusion

The EDAM Browser is publicly available at https://ifb-elixirfr.github.io/edam-browser/. The interface displays all of the information necessary to users, and avoids ontology development jargon. The EDAM Browser is not a generic ontology navigation and/or edition platform, like other systems such as AberOWL [@hoehndorf2015aber], BioPortal [@whetzel2011bioportal], OLS - Ontology Lookup Service [@jupp2015new], Ontobee [@xiang2011ontobee] and WebProtégé [@tudorache2013webprotege]. Rather, it is tailored to the structure and properties of EDAM, and targets both contributors and users who might not be ontology experts. With this interface, users can both explore quickly and efficiently EDAM, and contribute their own expertise to the ontology.

References