PGB (Pangenome Browser)

A web-based 3D visualization tool for exploring pangenome data.

Overview

This project provides an interactive 3D visualization interface for exploring pangenome data. It allows users to load and visualize genomic data from various sources, with support for both large and small data files.

Features

• Interactive 2D visualization
• Support for loading genomic data from URLs
• Pre-configured data file options for quick access

Prerequisites

• Node.js (latest LTS version recommended)
• npm or yarn package manager

Installation

1. Clone the repository:

git clone [repository-url]
cd pgb

2. Install dependencies:

npm install

Usage

Development

To start the development server:

npm run dev

This will start the Vite development server, typically at http://localhost:5173

Building for Production

To create a production build:

npm run build

Preview Production Build

To preview the production build locally:

npm run preview

Keyboard shortcuts

Key	Action
P	Export the PCA chart as an SVG, capturing its current visual state. Use this to save a chart while hovering a graph node — moving the cursor to the print menu would otherwise cancel the hover. Ignored while typing in an input field, and when modifier keys are held (so Cmd+P still triggers the browser print dialog).

Project Structure

• src/ - Source code directory
• public/ - Static assets
• index.html - Main HTML file
• vite.config.js - Vite configuration
• package.json - Project dependencies and scripts

Technologies Used

• Vite - Next Generation Frontend Tooling
• Three.js - JavaScript 3D library
• Bootstrap - CSS framework
• Sass - CSS preprocessor

License

[Add your license information here]

Contributing

[Add contribution guidelines here]