open-index/open-npm huggingface dataset:
npm package: @intermesh/goui
Description: Group-Office User Interface
Author: Intermesh
Latest version: 2.0.8

Group-Office User Interface
===========================

Welcome to the GOUI (Group-Office User Interface) git repository. Developed using 
[TypeScript](https://www.typescriptlang.org/) and [SASS](https://sass-lang.com/), GOUI aims to create stunning and 
efficient web applications.

GOUI was designed to replace the outdated ExtJS 3.4 framework utilized in [Group-Office](https://www.group-office.com).
However, it is not limited to Group-Office alone. This versatile framework can be seamlessly integrated into any 
JavaScript or TypeScript project.

Get started
-----------

Start building efficient web apps now! Use our simple 'Hello World' boilerplate project. Go to the template repository:

https://github.com/Intermesh/goui-hello-world.git.

Clone it and run it.

Documentation
-------------

You can find the documentation and examples on https://goui.io
npm package: @intermezzon/donutprogress
Description: Donut progress web component
Author: Intermezzon
Latest version: 1.0.1

# donutprogress
Simple standalone web component to render a simple donut graph.

## Install
```
npm install -S @intermezzon/donutprogress
```

## Usage
This is a web component, so first of all, include the script
```
<script src="lib/iz-donutprogress.js"></script>
```

Then since this is a web component, we just use the tag `iz-donutprogres`

```
<div>
	<iz-donutprogress value="40" content="Test 1"></iz-donutprogress>
</div>

```

this will produce
![alt text](https://github.com/Intermezzon/donutprogress/blob/main/images/test1.png?raw=true)

## Attributes

 - **value:** The value to visualize donut to
 - **max:** Max value. Defaul 100
 - **content:** Text to show in middle of the donut
 - **size:** Size in pixels for both width and height. Default 100
 - **stroke:** Stroke size. Default 10
 - **color:** Color of the progressbar. Default rgba(255,0,0,0.7)
 - **reverse:** Set if progress should visualize counter clock wise
npm package: @intermezzon/simplebar
Description: Simple barchart web component
Author: Intermezzon
Latest version: 1.0.4

# simplebar
Simple standalone web component to render a simple bar graph.

## Install
```
npm install -S @intermezzon/simplebar
```

## Usage
This is a web component, so first of all, include the script
```
<script src="lib/iz-simplebar.js"></script>
```

Then since this is a web component, we just use the tag `iz-simplebar`

```
<div>
	<iz-simplebar value="40" min="0" max="100"></iz-simplebar>
</div>

```

this will produce
![alt text](https://github.com/Intermezzon/simplebar/blob/main/images/test1.png?raw=true)

## Attributes

 - **value:** The value to visualize donut to
 - **max:** Max value. Default 100
 - **min:** Min value. Default 0
 - **height:** Height in pixels. Default 10
 - **width:** Width of whole graph with unit. Default "100%"
 - **color:** Color of the bar. Default rgba(33,80,150,0.7)
npm package: @intermine/biojs-vis-component-interaction-viewer
Description: Visualise Gene and Protein interaction networks. 
Author: Yo Yehudi
Latest version: 1.0.1

## To use this component on your site
Quickstart: There's a demo in [index.html](index.html).

Longer:  

### In the `<head>`, add:
```html
<!-- 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:

```html
<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+](https://www.npmjs.com/), ideally installed via [nvm](https://github.com/creationix/nvm).

### Install
Once this repo is cloned, in your terminal, run:

```bash
npm install
```

### To build js

In your terminal, run

```bash
npx webpack
```

### Developer notes

This uses [hybrids.js](https://github.com/hybridsjs/hybrids) to implement webcomponents easily.
npm package: @intermine/bluegenes-disease-expression-arrayexpress-visualizer
Description: Visualize gene expression by disease using ArrayExpress data. Easily see which expressions are up- or down-regulated.
Latest version: 2.0.0

#  BlueGenes Disease Expression ArrayExpress Visualizer

BlueGenes Disease Expression ArrayExpress Visualizer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API.
Visualize gene expression by disease using ArrayExpress data. Easily see which expressions are up- or down-regulated.

## Licence


### To set up locally for development

1. Clone the repo
2. `cd bluegenes-disease-expression-arrayexpress-visualizer` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
To serve your code at [localhost:3456](http://localhost:3456) and rebuild it every time it changes, run:


```bash
npm run dev
```
npm package: @intermine/bluegenes-esyn-viewer
Description: Bluegenes ESYN Viewer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API. Add more description of your tool here! :)
Latest version: 1.0.1

#  Bluegenes ESYN Viewer

Bluegenes ESYN Viewer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API.
Add more description of your tool here! :)

## Licence


### To set up locally for development

1. Clone the repo
2. `cd bluegenes-esyn-viewer` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
To serve your code at [localhost:3456](http://localhost:3456) and rebuild it every time it changes, run:


```bash
npm run dev
```
npm package: @intermine/bluegenes-expression-box-swarm-visualizer
Description: Visualize expression data using a combination of box and swarm plots. Both disease and organism expressions are shown side by side along with a five pointer summary of the dataset. Hover over the plot for more information.
Latest version: 2.0.0

#  BlueGenes Expression Box Swarm Visualizer

BlueGenes Expression Box Swarm Visualizer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API.
Helps visualize expression data using combination of box and swarm plots.
Visualizes both disease and organism expression data on separate box plots side by side.

### To set up locally for development

1. Clone the repo
2. `cd bluegenes-expression-box-swarm-visualizer` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
To serve your code at [localhost:3456](http://localhost:3456) and rebuild it every time it changes, run:


```bash
npm run dev
```
npm package: @intermine/bluegenes-go-concept-relation
Description: GO Concept Relation is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API. Add more description of your tool here! :)
Latest version: 1.0.3

#  GO Concept Relation

GO Concept Relation is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API.
Add more description of your tool here! :)

## Licence


### To set up locally for development

1. Clone the repo
2. `cd bluegenes-go-concept-relation` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
To serve your code at [localhost:3456](http://localhost:3456) and rebuild it every time it changes, run:


```bash
npm run dev
```
npm package: @intermine/bluegenes-go-term-visualizer
Description: Visualize gene ontology terms by their amount of matches for items in a list. Allows you to filter and adjust the enrichment results.
Latest version: 2.0.1

#  BlueGenes GO-term Visualizer

BlueGenes GO-term Visualizer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API.
Visualize gene ontology terms by their amount of matches for items in a list. Allows you to filter and adjust the enrichment results.

## Licence

MIT

### To set up locally for development

1. Clone the repo
2. `cd bluegenes-GO-term-visualizer` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
To serve your code at [localhost:3456](http://localhost:3456) and rebuild it every time it changes, run:


```bash
npm run dev
```
npm package: @intermine/bluegenes-gwas-visualizer
Description: Bluegenes GWAS Visualizer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API. Add more description of your tool here! :)
Latest version: 1.0.0

#  Bluegenes GWAS Visualizer

Bluegenes GWAS Visualizer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API.
Add more description of your tool here! :)

## Licence


### To set up locally for development

1. Clone the repo
2. `cd bluegenes-GWAS-visualizer` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
To serve your code at [localhost:3456](http://localhost:3456) and rebuild it every time it changes, run:


```bash
npm run dev
```
npm package: @intermine/bluegenes-human-tissue-expression-visualizer
Description: Bluegenes Human Tissue Expression Visualizer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API. Add more description of your tool here! :)
Latest version: 2.0.1

#  Bluegenes Human Tissue Expression Visualizer

Bluegenes Human Tissue Expression Visualizer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API.
Add more description of your tool here! :)

## Licence


### To set up locally for development

1. Clone the repo
2. `cd bluegenes-human-tissue-expression-visualizer` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
To serve your code at [localhost:3456](http://localhost:3456) and rebuild it every time it changes, run:


```bash
npm run dev
```
npm package: @intermine/bluegenes-interaction-network
Description: Bluegenes Interaction Network is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API. Add more description of your tool here! :)
Latest version: 1.0.3

#  Bluegenes Interaction Network

Bluegenes Interaction Network is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API.
Add more description of your tool here! :)

## Licence


### To set up locally for development

1. Clone the repo
2. `cd bluegenes-interaction-network` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
To serve your code at [localhost:3456](http://localhost:3456) and rebuild it every time it changes, run:


```bash
npm run dev
```
npm package: @intermine/bluegenes-jbrowse-tool
Description: Bluegenes JBrowse Tool is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API. Add more description of your tool here! :)
Latest version: 1.0.1

#  Bluegenes JBrowse Tool

Bluegenes JBrowse Tool is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API.
Add more description of your tool here! :)

## Licence


### To set up locally for development

1. Clone the repo
2. `cd bluegenes-jbrowse-tool` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
To serve your code at [localhost:3456](http://localhost:3456) and rebuild it every time it changes, run:


```bash
npm run dev
```
npm package: @intermine/bluegenes-list-enrichment-visualizer
Description: Bluegenes List Enrichment Visualizer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API. Add more description of your tool here! :)
Latest version: 1.0.2

#  Bluegenes List Enrichment Visualizer

Bluegenes List Enrichment Visualizer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API.
Add more description of your tool here! :)

## Licence


### To set up locally for development

1. Clone the repo
2. `cd bluegenes-list-enrichment-visualizer` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
To serve your code at [localhost:3456](http://localhost:3456) and rebuild it every time it changes, run:


```bash
npm run dev
```
npm package: @intermine/bluegenes-msa-viewer
Description: Visualize relation and linkages between the proteins associated with a particular gene.
Latest version: 2.1.1

#  BlueGenes MSA Viewer

BlueGenes MSA Viewer is a tool made for BlueGenes following BlueGenes Tool API. It can help users (biologists) to view [Multiple Sequence Alignment](https://en.wikipedia.org/wiki/Multiple_sequence_alignment) of Proteins. It can also be used as standalone tool to integrate in any web application.

### Before deploying to BlueGenes (or anywhere)

1. Make sure to deploy an instance of [sequence-alignment](https://github.com/intermine/sequence-alignment-service) service
2. Then update the base url in this tool to the deployed url in `src/sequence-align-service.js`
3. Build the tool using `npm run build`
4. Deploy where ever you want! :D

### To set up locally for development

1. Clone the repo
2. `cd bluegenes-msa-viewer` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```

##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
Run each of these commands in separate terminals:

To rebuild your js every time you save:

```bash
npm run dev
```

To serve your page at [http://localhost:3456](http://localhost:3456):
```bash
npm run server
```

Preview
![preview](./preview.png)
npm package: @intermine/bluegenes-pathway-visualizer
Description: Bluegenes Pathway Visualizer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API. Add more description of your tool here! :)
Latest version: 1.0.3

#  Bluegenes Pathway Visualizer

Bluegenes Pathway Visualizer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API.
Add more description of your tool here! :)

## Licence


### To set up locally for development

1. Clone the repo
2. `cd bluegenes-pathway-visualizer` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
To serve your code at [localhost:3456](http://localhost:3456) and rebuild it every time it changes, run:


```bash
npm run dev
```
npm package: @intermine/bluegenes-protein-atlas-tissue-expression-visualizer
Description: Visualize protein expression in organ tissue with a heatmap showing overall and cell specific antibody staining values.
Latest version: 2.0.0

#  BlueGenes Protein Atlas Tissue Expression Visualizer

BlueGenes Protein Atlas Tissue Expression Visualizer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API.
Visualize protein expression in organ tissue with a heatmap showing overall and cell specific antibody staining values.

## Licence


### To set up locally for development

1. Clone the repo
2. `cd bluegenes-protein-atlas-tissue-expression-visualizer` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
To serve your code at [localhost:3456](http://localhost:3456) and rebuild it every time it changes, run:


```bash
npm run dev
```
npm package: @intermine/bluegenes-protein-tissue-localisation
Description: Bluegenes Protein Tissue Localisation is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API. Add more description of your tool here! :)
Latest version: 2.0.1

#  Bluegenes Protein Tissue Localisation

Bluegenes Protein Tissue Localisation is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API.
Add more description of your tool here! :)

## Licence


### To set up locally for development

1. Clone the repo
2. `cd bluegenes-protein-tissue-localisation` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
To serve your code at [localhost:3456](http://localhost:3456) and rebuild it every time it changes, run:


```bash
npm run dev
```
npm package: @intermine/bluegenes-protein-visualizer
Description: Visualize protein structures using different types of 3D models. You can select from multiple [RCSB](https://www.rcsb.org/) PDB ID.
Latest version: 2.1.1

#  BlueGenes Protein Visualizer

BlueGenes Protein Visualizer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API. It can help users (biologists) to visualize protein structures in different types of viewer in 3D. Users can select the PDB id they want to visualize and the visualizer fetches PDBs from the [rcsb org](https://www.rcsb.org/).
It can also be used as standalone tool to integrate in any web application.

## Licence

MIT


### To set up locally for development

1. Clone the repo
2. `cd bluegenes-protein-visualizer` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:

To serve your code at [localhost:3456](http://localhost:3456) and rebuild it every time it changes, run:

```bash
npm run dev
```
npm package: @intermine/bluegenes-tissue-expression-arrayexpress-visualizer
Description: Visualize gene expression by tissue using ArrayExpress data. Easily see which expressions are up- or down-regulated.
Latest version: 2.0.0

#  BlueGenes Tissue Expression Arrayexpress Visualizer

BlueGenes Tissue Expression Arrayexpress Visualizer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API.
Visualize gene expression by tissue using ArrayExpress data. Easily see which expressions are up- or down-regulated.

## Licence


### To set up locally for development

1. Clone the repo
2. `cd bluegenes-tissue-expression-arrayexpress-visualizer` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
To serve your code at [localhost:3456](http://localhost:3456) and rebuild it every time it changes, run:


```bash
npm run dev
```
npm package: @intermine/bluegenes-tissue-expression-visualizer
Description: Visualize gene expression by tissue and stage with help of expression charts. Easily see which expressions are up- or down-regulated.
Latest version: 2.0.0


![Logo Intermine](imgs/intermine-300x37.png)
#  Bluegenes Tissue Expression Visualizer

BlueGenes Tissue Expression Visualizer is a tool made for [BlueGenes](http://bluegenes.apps.intermine.org) following BlueGenes Tool API. It can help users (biologists) to visualize `tissue expression` and `expression by stage` with help of expression charts. It can also be used as standalone tool to integrate in any web application.

# NPM Package

[@intermine/bluegenes-tissue-expression-visualizer](https://www.npmjs.com/package/@intermine/bluegenes-tissue-expression-visualizer)

### To set up locally for development

1. Clone the repo
2. `cd bluegenes-tissue-expression-visualizer` and then `npm install` to install dependencies.

All of the editable source files for css and js are in `src`. To bundle for prod, run the following commands:

#### CSS

Assuming [less](http://lesscss.org/) is installed globally:

```
npm run less
```

#### JS

Assuming [webpack](https://webpack.js.org/) is installed globally:

##### Single build:
```
npm run build
```


##### Applied Coding practices / ESLint Rules:
- _indent_: use __tab (2 space tab)__ instead of spaces to not get an error.
- _linebreak-style_: use __\n__ for a newline, if you're on windows, configure it in your editor settings.
- _quotes_: use __single quote__ instead of double quote.
- _semi_: use _semi colon_ at end of each statement / expression / function definition.
- _comma-dangle_: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this [here](https://eslint.org/docs/rules/comma-dangle).
- More pre-configured rules from __eslint:recommended__ you must follow to not get errors [here](https://eslint.org/docs/rules/).

##### Developing:
Run each of these commands in separate terminals:

To run a development build of the project at http://localhost:3456
```bash
npm run dev
```
npm package: @intermine/chromatin
Description: Intermine's component library
Author: Ankit Kumar
Latest version: 0.0.27

# chromatin

Intermine's component library in React.

## Install

To install this library you can do using npm or yarn:

```bash
npm i @intermine/chromatin
# or
yarn add @intermine/chromatin
```

## Project Setup

### Clone the repo

```bash
git clone https://github.com/intermine/chromatin.git
```

### Install dependencies

First you have to navigate to the project folder.

```bash
cd chromatin
```

Then install dependencies.

```bash
npm i
```

> Note: `react` and `react-dom` are peer dependencies. So to build this project locally or to run storybook you need to install these two dependencies manually. You can do so by following below steps.

```bash
npm i react react-dom @types/react @types/react-dom --no-save
```

### Build

```bash
npm run build
```

### Prod

```bash
npm run prod
```

### Test

```bash
npm run test
```

### Storybook

#### Run

```bash
npm run storybook
```

#### Build

```bash
npm run build-storybook
```
npm package: @intermine/generator-bluegenes-tool
Description: Generates a scaffold for BlueGenes tools
Author: Yo Yehudi
Latest version: 1.5.0

# generator-bluegenes-tool 

[![Build Status](https://travis-ci.org/intermine/generator-bluegenes-tool.svg?branch=master)](https://travis-ci.org/intermine/generator-bluegenes-tool)

Generates a scaffold for [BlueGenes](https://github.com/intermine/bluegenes) tools, InterMine's new UI. See the [BlueGenes tool tutorial](http://intermine.org/im-docs/docs/webapp/tool-api/tutorial) for more info. 

## Installation

First, install [Yeoman](http://yeoman.io) and generator-bluegenes-tool using [npm](https://www.npmjs.com/) (we assume you have pre-installed [node.js](https://nodejs.org/)), perhaps using [nvm](https://github.com/creationix/nvm)

```bash
npm install -g yo
npm install -g @intermine/generator-bluegenes-tool
```

Then create a directory for your project, change into it and start the generator:

```bash
yo @intermine/bluegenes-tool
```

Feel free to [learn more about Yeoman](http://yeoman.io/).

## License

MIT