@geneontology/wc-gocam-viz

Web component to visualize GO-CAM

Usage no npm install needed!

<script type="module">
  import geneontologyWcGocamViz from 'https://cdn.skypack.dev/@geneontology/wc-gocam-viz';
</script>

README

Built With Stencil

GO-CAM visualization Web Component

This web component allows to visualize GO-CAM from any website and create entity/activity views to highlight the flow of causal relationships.

Usage

NPM package: https://www.npmjs.com/package/@geneontology/wc-gocam-viz

In any HTML page:

<html>


  <head>
    <script type="module" src="https://unpkg.com/@geneontology/wc-gocam-viz/dist/wc-gocam-viz/wc-gocam-viz.esm.js"></script>
    <script nomodule="" src="https://unpkg.com/@geneontology/wc-gocam-viz/dist/wc-gocam-viz/wc-gocam-viz.js"></script> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  </head>
  

  <body>

    <wc-gocam-viz 
      id="gocam-1"
      gocam-id="568b0f9600000284"
      show-go-cam-selector=true
      show-has-input=false
      show-has-output=false
      show-gene-product=true
      show-activity=false
    ></wc-gocam-viz>
    
  </body>
</html>

This will render a GO-CAM model highlighting the flow of regulations between genes/activities

GO-CAM example