An open API service indexing awesome lists of open source software.

https://github.com/twlab/eg3

WashU Epigenome Browser (3rd generation, since 2025)
https://github.com/twlab/eg3

data-visualization epigenome washu-epigenome-browser

Last synced: 2 days ago
JSON representation

WashU Epigenome Browser (3rd generation, since 2025)

Awesome Lists containing this project

README

          

# WashU Epigenome Browser

*(3rd generation since 2025)*

## History

### current generation since 2025

* [Access the Browser](https://epigenomegateway.wustl.edu/browser/)
* [AWS mirrow](https://epigenomegateway.org/browser/)
* [Source code](https://github.com/twlab/eg3)
* [Documentation](https://epgg.github.io/)

### the 2nd generation since 2018

* [Access the Browser](https://epigenomegateway.wustl.edu/browser2022/)
* [AWS mirror](https://epigenomegateway.org/browser2022/)
* [Source code](https://github.com/lidaof/eg-react)
* [Documentation](https://eg.readthedocs.io/en/latest/)

### the 1st generation since 2010

* [Access the Browser](https://epigenomegateway.wustl.edu/legacy/)
* [Source code](https://github.com/epgg/eg)
* [Documentation](https://wiki.wubrowse.org/)

## Run the Browser locally

* get Node.js (version 20 above recommended) and yarn package management tool
* clone the code
* install the package at root folder

```bash
yarn install
```

* go the eg-browser folder

```bash
yarn install
yarn dev
```

* the browser should be running on your local computer now at

```bash
VITE v5.4.14 ready in 409 ms

➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h + enter to show help
```

## Use the Browser as a module in your web application

* install the package from NPM registry

```bash
npm install wuepgg
```

* import the package and related style sheet

```javascript
import GenomeHub from "wuepg"
import "wuepgg/style.css"


```

* example of screenshot for each step can found below:

![npm install screenshot](/screenshots/npm1.png)
![import screenshot](/screenshots/npm2.png)
![use the component screenshot](/screenshots/npm3.png)
![how it looks screenshot](/screenshots/npm4.png)

## Questions or feedbacks?

* Please submit an [issue request](https://github.com/twlab/eg3/issues). We'll try to get back to you asap.

## Community

* Talk to us? Welcome to join our [Discord server](https://discord.gg/2PHxAEJFf7) for some discussion.