Package Exports

higlass-multivec

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (higlass-multivec) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Multivec Tracks for HiGlass

Display genome-wide multivec tracks in HiGlass!

This is the source code for multivec tracks in HiGlass only; for the rest of HiGlass, see these repositories:

HiGlass viewer: https://github.com/hms-dbmi/higlass
HiGlass server: https://github.com/hms-dbmi/higlass-server
HiGlass docker: https://github.com/hms-dbmi/higlass-docker

Installation

npm install higlass-multivec

Usage

The live scripts can be found at:

https://unpkg.com/higlass-multivec/dist/higlass-multivec.min.js

There are three types of tracks to choose from:

"basic-multiple-line-chart"
"horizontal-stacked-bar"
"basic-multiple-bar-chart"

Configure the track in your view config; you should be all set from here!

[...
   {
    "type": "horizontal-stacked-bar",
    "tilesetUid": "my-multivec-db",
    "server": "http://test1.resgen.io/api/v1",
       "height": 200,
       "width": 470,
       "options": {
           "labelPosition": "topLeft",
           "labelColor": "black",
           "labelTextOpacity": 0.4,
           "valueScaling": "exponential",
           "trackBorderWidth": 0,
           "trackBorderColor": "black",
           "heatmapValueScaling": "log",
           "name": "all.KL.bed.multires.mv5",
           "scaledHeight": true,
           "backgroundColor": "white",
           "sortLargestOnTop": true,
       },
    },
]

For an example, see src/index.html.

Development

Testing

To run the test suite:

npm run test-watch

Installation

$ git clone https://github.com/hms-dbmi/higlass-multivec.git
$ cd higlass-multivec
$ npm install

If you have a local copy of higlass, you can then run this command in the higlass-multivec directory:

npm link higlass

Commands

Developmental server: npm start
Production build: npm run build