The document introduces the BioJS project, which is a collection of JavaScript components for presenting biological information. It began as a student project in 2011 and a registry of components was released by the EMBI in 2012. The BioJS project aims to create reusable components that can be combined to build biological applications. It provides benefits for both developers in sharing and extending components, and for users in reusing standardized visualizations across different sites and institutions.
6. EMBL-EBI
When
• Aug 2011 – Started as student project
• Dec 2012 – Registry released at the EBI
• Feb 2013 – Published in Bioinformatics
pubmed:23435069
13.12.20186
Bi JS
24. EMBL-EBI
How to
13.12.201824
use
Components Example Installation Configuration
Find a component Have a look to
the example and
test it
Find all the
necessary code
you need to run it
on a web page
Have a look to the
options, methods
and events to
configure it
Bi JS
39. EMBL-EBI
• Use extension to
– Add functionality
– Change functionality
Extension
13.12.201839
extends
PDB file
PDB accession
input
A
B
Example
Bi JS
40. EMBL-EBI
Benefits
• Share development
• Enhance the visibility of your widget
• Make components not just for you but for the community
• Isolate visualization from your web framework
• Have a minimal common code structure
• Components easy to take over since they need to be well
documented
• Easy to add functionality by extending a component
• Out of the box API documentation for your component
13.12.201840
create
Bi JS
41. EMBL-EBI
Benefits
• A registry to find a list components
• Components including an example to see and test
• Different components which are installed same way
• A common API documentation for all the components
• Easy to add functionality by extending a component
• Visualize like other groups/institutions
• Adapt the component to your visual styles
13.12.201841
use
Bi JS
42. EMBL-EBI
Benefits
• Follow minimal common guidelines
• Aim at having common visualizations
• Encourage developers to work in common implementations
• Let the community visualize like your institution does
• Make people aware of what components are developed
13.12.201842
as organization
Bi JS
43. The BioJS project
members and collaborators
http://code.google.com/p/biojs/
biojs@googlegroups.com
Support from
• UniProt
• EBI web development team
• The Proteomics Services Team
Thanks to:
Jhon Gomez
johncar@gmail.com