BioJS Homology tool
Finds and shows all possible homologues of a gene, given an organism and a gene. Uses the InterMine registry.
To see a demo of this component, click here.
Adding this component to your webpage
Hey! If you'd like to use this component on your webpage, please do the following:
In the <head>, add:
<!-- the library for the webcomponent -->This links to the relevant scripts to define the component and fetch data.
In the <body>
Where you want your WebComponent to appear, add the following:
Some notes on usage:
- Download the bundle.js file from dist folder and link it to your index.html file.
- You may use the style.css in dist folder file for styling the component.
- Use the element like any other HTML element wherever you want.
attributemust be a valid identifier with a validvalue.
Licence
MIT © Nikhil Vats
Developer docs
To set up locally for development
- Clone the repo.
cd homologues-finderand thennpm installto install dependencies.
All of the editable source files for css and js are in src. To bundle for prod, run the following commands in the given order:
CSS
Assuming less is installed globally:
npm run less
JS
Assuming webpack is installed globally:
Single build:
npm run build
Developing:
Run each of these commands in separate terminals:
To rebuild your js every time you save:
npm run devTo serve your page at http://localhost:3456:
npm run serverExample component
To see a demo component implemented similarly to this component, visit biojs-webcomponent-prototype.