Skip to content
This repository has been archived by the owner on Aug 18, 2021. It is now read-only.
/ ribbon Public archive

(DEPRECATED) Short form matrix view of all GO annotations for a given gene

License

Notifications You must be signed in to change notification settings

geneontology/ribbon

Repository files navigation

ribbon (DEPRECATED)

Short form matrix view of all GO annotations for a given gene

This REACT version of the ribbon has been deprecated. Users should now use or migrate to the Web Component version of the GO ribbon, richer in functionalities, and easier to install:

https://github.com/geneontology/wc-ribbon/tree/master/wc-go-ribbon

Installation

  • Once node.js is on your machine then dependent packages need to be brought in. Running npm install in the components's root directory will install everything you need for development.
  • Note that you may need to run 'npm install' as sudo.

Deployment

    npm install
    npm run build 

Demo Ribbon Server

Integration

Integration is demonstrated in the demo package.

import React from 'react';
import ReactDOM from 'react-dom';
... 
ReactDOM.render(<Demo/>, document.getElementById('demo'));

With the Demo Component instantiating all of the lower components.

If not running react directly (or not wanting to load it via npm), you can import the libraries directly :

<script src="https://unpkg.com/[email protected]/dist/react.js"></script>
<script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script>

Which will allow you to do as above.

Examples

  • fly img

  • zebrafish

img

  • mouse img

Build the library

npm run build will prepare the assets of the library for publishing to NPM.