Genome Viewer is a web application built with Vue.js that visualizes genomic data. It allows users to view and interact with chromosome data.
- Display genomic data for chromosomes
- Select and apply different color schemes
- Interactive legends for color scales
- Configurable settings for chromosome types and sorting
-
Clone the repository:
git clone https://github.com/F4llis/GenomeViewer.git cd GenomeViewer
-
Install dependencies using Yarn or npm:
yarn install # or npm install
You can also install it from npm repository:
npm install genome-viewer
-
Start the development server:
yarn serve # or npm run serve
-
Open your browser and navigate to
http://localhost:8080/demo_human
(or any page you set up in vue.config.js ).
The application can be configured using the settings
object in src/main_human.js
. Example settings include:
var settings = {
'type_chromosome': 'extant',
'sorting_chromosome': 'size',
'remove_outliers_legend': ['weight'],
};
- Vue.js
- d3-scale-chromatic
This project is licensed under the MIT License. See the LICENSE
file for details.