https://github.com/warelab/gramene-genetree-vis

React client-side vis for Compara gene tree
https://github.com/warelab/gramene-genetree-vis

gramene gramene-search reactjs

Last synced: 27 days ago
JSON representation

React client-side vis for Compara gene tree

• Host: GitHub
• URL: https://github.com/warelab/gramene-genetree-vis
• Owner: warelab
• Created: 2016-02-03T03:59:13.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2024-05-20T16:59:22.000Z (8 months ago)
• Last Synced: 2024-11-30T10:46:50.577Z (about 2 months ago)
• Topics: gramene, gramene-search, reactjs
• Language: JavaScript
• Homepage:
• Size: 7.99 MB
• Stars: 3
• Watchers: 4
• Forks: 1
• Open Issues: 31
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Gramene Gene Tree Visualization

![gene tree visualization example](https://raw.githubusercontent.com/warelab/gramene-genetree-vis/master/genetree_vis_example.png)

The Gramene Gene Tree Visualization is a JavaScript library for interactive visualization of gene tree data. It is primarily developed for use on the [Cold Spring Harbor Laboratory](http://cshl.edu)’s [Gramene](http://gramene.org) web site, but it is self-contained and can be dropped into any other web site.

## Running the Visualization

The gene tree visualization can be run locally in a stand-alone mode for testing/viewing/developing.

1. Install [Yarn](http://yarnpkg.com), a JavaScript dependency manager.

2. From the project root directory, run Yarn to load dependencies (or install, as needed).

   ```bash

   % yarn

   ```

3. Compile and run standalone application in development mode:

    ```bash

    % yarn run start

    ```

​    Note that the application will connect to `devdata.gramene.org` to load sample data to display.

4. Connect to `http://localhost:3000/` to view the visualization.

## Misc.

The development project was created with [Create React App](https://github.com/facebookincubator/create-react-app). You can view [this guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) to for details about that environment.