BioJS Tutorial 6th Sept ECCB 2014, Strasbourg – Please Promote!

Screen Shot 2014-08-19 at 15.58.22

Reuse, Develop and Share Biological Visualisation with BioJS

DATE: 6th Sept

VENUE: Strasbourg Convention Centre, France

BioJS is a community project aiming to create a collection of JavaScript components to present biological information following a common guideline. This workshop aims to introduce the BioJS project and provide enough skills to use BioJS components. For people interested in contributing to BioJS we will also provide a hello world tutorial to quickly have a taste on how to create a BioJS component.

This tutorial is for bioinformaticians and developers interested in presenting biological information on the web. Basic programming knowledge is required to attend this tutorial. Though the workshop can be easily followed without no knowledge in JavaScript it would be desirable to have some scripting experience in JavaScript.

Learn how to use BioJS components and get a taste on how to create a BioJS component.


Good Internet connection.

People need to bring their laptops.

Big paper sheets for group discussion.


• 9:00 – 9:45 — Introduction to the BioJS project. Here we show BioJS’s approach to visualising biological data and how this makes it easier for target users to reutilise, share and develop JavaScript software using the BioJS framework. We will introduce some representative use cases.

• 9:45 – 10:15 — Coffee break

• 10:15 – 10:30 — Developer environment, quick check. Check that everybody have all they need; ask them to download, install, and test the proxy from the BioJS GitHub repository, necessary to do the coding part.

• 10:30 – 11:00 — How to use a BioJS component. We will provide examples in which people can copy and paste code. We will provide some challenges for students to work on their own. We will work on simple tasks like retrieving specific data from public databases using a BioJS component

• 11:00 – 11:30 — How to integrate multiple BioJS components. We will extend the previous session to have some extra tasks to be solved by participants.

• 11:30 – 11:45 — BioJS registry, will show how to use the BioJS registry, how it is used and its benefits.

• 11:45 – 12:00 — Creating a BioJS development environment. Here they download BioJS code from the GitHub repository, run the registry and make sure everything is working.

• 12:00 – 12:30 — A biological version of “Hello World” component. An introductory example for a component from scratch.

• 12:30 – 1:30 — Lunch – 60 minutes

• 1:30 – 3:00 — Design exercise. Here students work on an interesting
but simple example to be done by groups, with pen and paper. We would require big paper sheets for further discussion and creative input.

• 3:00 – 3:30 — Coffee break – 30 minutes

• 3:30 – 4:30 – Developing a BioJS component. Here groups start working on the example worked on in the previous session. We give them some code and clues on how to begin.

• 4:30 – 5:00 — Wrap up. We collect feedback about current BioJS components, improvements and future applications. We also tell students how to become involved in the BioJS community.

Manuel Corpas, The Genome Analysis Centre, UK

Rafael Jimenez, ELIXIR Hub, Hinxton, UK

More info:

Leave a Reply