https://github.com/lebinary/genome-browser
Genome browser to visualize and analyze genomic data
https://github.com/lebinary/genome-browser
bioinformatics bioinformatics-analysis biology biostatistics c-plus-plus genome genome-annotation genomes genomics genomics-visualization interactive interactive-map interactive-storytelling interactive-visualizations javascript react reactjs
Last synced: 6 months ago
JSON representation
Genome browser to visualize and analyze genomic data
- Host: GitHub
- URL: https://github.com/lebinary/genome-browser
- Owner: lebinary
- License: mit
- Created: 2021-03-22T02:43:25.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-11-22T09:44:18.000Z (almost 4 years ago)
- Last Synced: 2025-04-01T16:08:29.351Z (6 months ago)
- Topics: bioinformatics, bioinformatics-analysis, biology, biostatistics, c-plus-plus, genome, genome-annotation, genomes, genomics, genomics-visualization, interactive, interactive-map, interactive-storytelling, interactive-visualizations, javascript, react, reactjs
- Language: JavaScript
- Homepage: https://www.youtube.com/watch?v=jPPwD95kp28&ab_channel=BinhLe
- Size: 2.37 MB
- Stars: 13
- Watchers: 1
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Genome Browser
Genome Browser is an interative tools to visualize and analyze genomic data.
View Demo
·
View Package
.
Report Bug
·
Request Feature
Table of Contents
## About The Project
Inspired by "igv" and "varsome" genome browsers, I built an interactive genome browser tool from scratch using Reactjs which helps bioinformatics researchers visualize and analyze their data.
### Built With
Frameworks/libraries used to bootstrap this project.
- [React.js](https://reactjs.org/)
- [Python](https://www.python.org/)
- [C++](https://www.cplusplus.com/)
- [HTML Canvas](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API)
- [MaterialUI](https://mui.com/)
## Getting Started
To get a local copy up and running follow these simple example steps.
### Scripts
1. Clone the repo
```sh
git clone https://github.com/lebinh190998/genome-browser.git
```
2. Install NPM packages
```sh
npm install
```
3. Run server file
```sh
cd server/
```
```sh
python genome_browser_server.py
```
4. Run locally
```sh
npm start
```
5. Build production version (Optional)
```sh
npm run build
```
## Use as a package
View Package
1. Download genome-browser package
```sh
npm install genome-browser
```
2. Import into your project
```js
import { GenomeBrowserApp } from 'genome-browser';
```
3. Use the application as a component
```js
```
4. Some useful props you can use
a. Choose desired chromosome
```js
```
b. Choose desired human genome: 'hg38' or 'hg19'
```js
```
c. Host your own server with your genome data
```js
```
d. Choose your preferred starting and ending positions:
```js
```
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## Contact
Le Binh - [@lebinh1909](https://www.linkedin.com/in/binhle19/) - lebinh190998@gmail.com
Project Link: [https://github.com/lebinh190998/porfolio](https://github.com/lebinh190998/genome-browser)