# biojs-vis-summary-horizontal-bar-graph

> BioJS component to provide a Horizontal Summary graph hosted in Stemformatics

Latest version **0.0.4** (published 2016-01-12) · 0 weekly downloads

## Install

```sh
npm install biojs-vis-summary-horizontal-bar-graph
pnpm add biojs-vis-summary-horizontal-bar-graph
yarn add biojs-vis-summary-horizontal-bar-graph
bun add biojs-vis-summary-horizontal-bar-graph
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2016-01-12 |
| First published | 2016-01-04 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | yes |
| GitHub stars | 0 |
| Author | Rowland Mosbergen |
| Maintainers | rowlandm |
| Keywords | d3, graph, stemformatics, biojs, summary, bar |

## Links

- npm: https://www.npmjs.com/package/biojs-vis-summary-horizontal-bar-graph
- Repository: https://github.com/rowlandm/biojs-vis-summary-horizontal-bar-graph
- Issues: https://github.com/rowlandm/biojs-vis-summary-horizontal-bar-graph/issues
- npm.io page: https://npm.io/package/biojs-vis-summary-horizontal-bar-graph

## Alternatives

- [d3-force-3d](https://npm.io/package/d3-force-3d.md) — 1.0M weekly downloads
- [ng2-charts](https://npm.io/package/ng2-charts.md) — 486.8K weekly downloads
- [@arcgis/core](https://npm.io/package/@arcgis/core.md) — 257.8K weekly downloads
- [react-sparklines](https://npm.io/package/react-sparklines.md) — 249.3K weekly downloads
- [react-native-gifted-charts](https://npm.io/package/react-native-gifted-charts.md) — 182.3K weekly downloads

## Recent versions

- 0.0.4 (latest) — 2016-01-12
- 0.0.3 — 2016-01-10
- 0.0.2 — 2016-01-07
- 0.0.1 — 2016-01-04

## README

# biojs-vis-summary-horizontal-bar-graph

[![NPM version](http://img.shields.io/npm/v/biojs-vis-summary-horizontal-bar-graph.svg)](https://www.npmjs.org/package/biojs-vis-summary-horizontal-bar-graph) 

> BioJS component to provide a scatter-plot graphing tool hosted in Stemformatics

## Getting Started
Install the module with: `npm install biojs-vis-summary-horizontal-bar-graph`

for more details of the options, see the working example [here](http://biojs.io/d/biojs-vis-summary-horizontal-bar-graph)  and the example code [here](https://github.com/rowlandm/biojs-vis-summary-horizontal-bar-graph/blob/master/examples/normal_oct4_human.js)


```javascript
var app = require('biojs-vis-summary-horizontal-bar-graph');

title = "Sample Breakdown by Tissue";
target = rootDiv;
height = 500;
width = 800;
margin = {top: 50, left:20, bottom: 10, right: 20};


//The main options for the graph
var options = {
    initial_padding: 10,
    background_colour: "white",
    background_stroke_colour:  "black",
    background_stroke_width:  "6px",
    data: data,
    gap_between_groups: 2,
    height: height,
    height_margin_for_title : 25,
    horizontal_space_for_labels: 100, // this is for giving space on the left side of the bar graphs
    inner_margin: 10, // margin between the bars and the outer box
    margin: margin,
    target: target,
    title: title,
    title_class: "title",
    watermark:"http://www1.stemformatics.org/img/logo.gif",
    width:  width, // suggest 50 per sample
    x_axis_title: "Samples Breakdown by Tissue"
}

var instance = new app(options);
```

## Documentation

#### Running the instance for developing

Note: If you are running Ubuntu LTS 12.04 or 14.04 you will be behind in npm. To fix this, do the following:
```
sudo apt-get purge nodejs npm

curl -sL https://deb.nodesource.com/setup | sudo bash -

sudo apt-get install -y nodejs

sudo npm install -g watchify biojs-sniper

```

Once you have downloaded the code, you will need to ensure that you create a build directory in the root directory.

You can simply run the following command in the directory to see a website appear on [localhost:9090](http://localhost:9090)

```
npm run w
```

## Contributing

All contributions are welcome.

## Support

If you have any problem or suggestion please open an issue [here](https://github.com/rowlandm/biojs-vis-summary-horizontal-bar-graph/issues).

## License 
This software is licensed under the Apache 2 license, quoted below.

Copyright (c) 2016, rowlandm

Licensed under the Apache License, Version 2.0 (the "License"); you may not
use this file except in compliance with the License. You may obtain a copy of
the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
License for the specific language governing permissions and limitations under
the License.

---
_Source: https://npm.io/package/biojs-vis-summary-horizontal-bar-graph · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._