1.0.0 • Published 6 months ago

@geneontology/wc-gocam-viz v1.0.0

Weekly downloads
7
License
BSD-3
Repository
github
Last release
6 months ago

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

Script tags

For a simple, static website using <script> tags is a quick way to get started. For example:

<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"
    ></wc-gocam-viz>
  </body>
</html>

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

NPM package

Installation

To use the web component as part of a larger front-end application that has its own bundling process, first install the dependency:

npm install @geneontology/wc-gocam-viz

Registering custom elements

Somewhere near the top level of your application you must define the custom components from this package:

import { defineCustomElements } from '@geneontology/wc-gocam-viz/loader'

defineCustomElements()

Now the <wc-gocam-viz> element can be used in your application's markup.

@geneontology/dbxrefs@stencil/corebbop-graph-noctuacytoscapecytoscape-colacytoscape-cose-bilkentcytoscape-dagregraphliblodashuuid
@infinitebrahmanuniverse/nolb-_gen@everything-registry/sub-chunk-356
1.0.0

6 months ago

0.0.52

10 months ago

1.0.0-beta.1

6 months ago

0.0.51

1 year ago

0.0.50-beta.12

1 year ago

0.0.50-beta.9

2 years ago

0.0.50-beta.8

2 years ago

0.0.50-beta.11

2 years ago

0.0.50-beta.10

2 years ago

0.0.50-beta.3

2 years ago

0.0.50-beta.2

2 years ago

0.0.50-beta.1

2 years ago

0.0.50-beta.7

2 years ago

0.0.50-beta.6

2 years ago

0.0.50-beta.5

2 years ago

0.0.50-beta.4

2 years ago

0.0.48

2 years ago

0.0.49

2 years ago

0.0.46

3 years ago

0.0.47

3 years ago

0.0.45

3 years ago

0.0.44

3 years ago

0.0.43

3 years ago

0.0.40

3 years ago

0.0.41

3 years ago

0.0.39

3 years ago

0.0.37

3 years ago

0.0.38

3 years ago

0.0.32

3 years ago

0.0.33

3 years ago

0.0.34

3 years ago

0.0.35

3 years ago

0.0.36

3 years ago

0.0.30

3 years ago

0.0.31

3 years ago

0.0.29

3 years ago

0.0.27

3 years ago

0.0.28

3 years ago

0.0.20

3 years ago

0.0.21

3 years ago

0.0.23

3 years ago

0.0.24

3 years ago

0.0.25

3 years ago

0.0.26

3 years ago

0.0.19

3 years ago

0.0.14

3 years ago

0.0.15

3 years ago

0.0.17

3 years ago

0.0.18

3 years ago

0.0.10

3 years ago

0.0.11

3 years ago

0.0.12

3 years ago

0.0.13

3 years ago

0.0.8

3 years ago

0.0.7

3 years ago

0.0.5

4 years ago

0.0.6

4 years ago

0.0.4

4 years ago

0.0.3

4 years ago