Socket
Socket
Sign inDemoInstall

@intermine/biojs-vis-component-interaction-viewer

Package Overview
Dependencies
845
Maintainers
3
Versions
2
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @intermine/biojs-vis-component-interaction-viewer

Visualise Gene and Protein interaction networks.


Version published
Maintainers
3
Created

Readme

Source

To use this component on your site

Quickstart: There's a demo in index.html.

Longer:

In the <head>, add:

<!-- the library for the webcomponent -->
<script src="dist/main.js" type="module"></script>
<!-- imjs is the library that loads data from intermine -->
<script src="http://cdn.intermine.org/js/intermine/imjs/3.15.0/im.min.js" charset="UTF-8"></script>

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:

<biojs-component-interaction-graph
   intermineService="http://www.flymine.org/flymine/service/"
   searchTerm="zen"
   searchClass="Gene"
   searchOrganism="D. melanogaster">
 </biojs-component-interaction-graph>

Some notes on usage:

  • intermineService value must point to the webservices from an InterMine. for a full list of InterMines, see registry.intermine.org. e.g. if you are interested in rat data, set ratmine to be the url, or for plants you might want legumemine or phytomine.
  • searchOrganism The format for the organism name must be in abbreviated format - e.g. D. melanogaster works, Drosophila melanogaster would not.
  • searchTerm - must be an identifier for a Gene or Protein
  • searchClass - choose either Gene or Protein. (Case matters)

Developing:

Prerequisites:

npm 6+, ideally installed via nvm.

Install

Once this repo is cloned, in your terminal, run:

npm install

To build js

In your terminal, run

npx webpack

Developer notes

This uses hybrids.js to implement webcomponents easily.

Keywords

FAQs

Last updated on 13 Dec 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc