Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

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

Package Overview
Dependencies
Maintainers
3
Versions
2
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Visualise Gene and Protein interaction networks.

  • 1.0.1
  • latest
  • Source
  • npm
  • Socket score

Version published
Maintainers
3
Created
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

Package last updated on 13 Dec 2018

Did you know?

Socket

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
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc