https://github.com/hypercubed/angular-bed-view
https://github.com/hypercubed/angular-bed-view
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/hypercubed/angular-bed-view
- Owner: Hypercubed
- Created: 2014-10-09T07:52:30.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2014-11-27T09:04:52.000Z (over 11 years ago)
- Last Synced: 2025-02-04T15:49:31.729Z (over 1 year ago)
- Language: JavaScript
- Homepage: http://hypercubed.github.io/angular-bed-view/
- Size: 600 KB
- Stars: 2
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
angular-bed-view
================
Simple example of a bed file viewer built using [Hypercubed/angular-primer](http://github.com/Hypercubed/angular-primer/), [Hypercubed/angular-downloadsvg-directive](http://github.com/Hypercubed/angular-downloadsvg-directive/), [Hypercubed/angular-dsv](http://github.com/Hypercubed/angular-dsv/), [Hypercubed/_F](http://github.com/Hypercubed/_F/).
[demo](http://hypercubed.github.io/angular-bed-view/)
## Install
```bash
git clone https://github.com/Hypercubed/angular-bed-view.git
cd angular-bed-view
grunt serve
```
## Components
[Hypercubed/angular-primer](https://github.com/Hypercubed/angular-primer/) is a small set of AngularJS directives useful for generating interactive SVG based visualizations of genomic features. For example:
```html
3'
5'
```
[Hypercubed/angular-downloadsvg-directive](https://github.com/Hypercubed/angular-downloadsvg-directive/) is a AngularJS directive to download embedded `` graphics as an svg file... including CSS defined styles. (see [demo](http://hypercubed.github.io/angular-bed-view/) for example).
[Hypercubed/angular-dsv](https://github.com/Hypercubed/angular-dsv/) is a AngularJS based version of [d3.dsv](https://github.com/mbostock/d3/wiki/CSV#dsv). It will use d3.dsv (or shim) to parse delimiter separated tabular formats (tab-seperator, common seperated, etc) retrieved using AngularJS' [$http](https://docs.angularjs.org/api/ng/service/$http). For example:
```js
dsv.tsv({method: 'GET', url: '/someUrl'}, function(d) { return {key: d.key, value: +d.value}; })
.success(function(data, status, headers, config) {
// this callback will be called asynchronously
// when the response is available
})
.error(function(data, status, headers, config) {
// called asynchronously if an error occurs
// or server returns response with an error status.
});
```
[Hypercubed/_F](https://github.com/Hypercubed/_F/) is simply global shortcut for composable d3 style accessors functions. For example:
| _F | JS equivalent |
| -------------------------------- | ---------------------------------------------------- |
| `_F('prop')` | `function(d) { return d.prop; }` |
| `_F('prop').eq(value)` | `function(d) { return d.prop === value; }` |
| `_F('prop').gt(10).and().lt(20)` | `function(d) { return d.prop > 10 && d.prop < 20; }` |
## Acknowledgments
This work was supported by a research grant from the Japanese Ministry of Education, Culture, Sports, Science and Technology (MEXT) to the RIKEN Center for Life Science Technologies.
## License
Copyright (c) 2014 Jayson Harshbarger
[MIT License](http://en.wikipedia.org/wiki/MIT_License)