GWAS Network Exploration Tool
The frontend of the GNExT platform is a Vue.js application providing interactive visualizations and search capabilities for GWAS (Genome-Wide Association Studies) data.
For detailed overview of the platform, please refer to the GNExT platform repository which describes the platform in more detail and showcases how to set up a GNExT platform for your study data. The repository provides information on the configuration parameters and the deployment strategy.
- 📦 GNExT Platform - Complete platform with frontend, backend, and deployment
- 🔧 GNExT Backend - Django REST API and data processing
- 🎨 GNExT Frontend - Vue.js web interface (this repository)
- ⚙️ GNExT Nextflow Pipeline - Data processing pipeline for GWAS analysis
- 🔍 Interactive Search: Fast phenotype, variant, and gene lookup powered by Typesense
- 📊 Data Visualizations: Manhattan plots, QQ plots, LocusZoom integration
- 🧬 Gene Analysis: MAGMA gene-based association results with interactive tables
- 🌐 Network Medicine: Integration with Drugst.One for drug discovery insights
In development mode, ensure that the GNExT Platform repository is cloned with all submodules. After completing the .env configuration, proceed to the frontend directory to initialize and configure the development environment according to the steps outlined below.
Option 1: Create new conda environment
# Create and activate conda environment with Node.js
conda create -n gnext_frontend nodejs
conda activate gnext_frontend
# Install npm dependencies
npm install
# Start development server
npm run devOption 2: Use existing conda environment
# Activate your existing conda environment (with Node.js v24.4.1)
conda activate gnext_frontend
# Install npm dependencies
npm install
# Start development server
npm run devNote: The requirements.txt file contains system-level Python packages that are typically not needed for frontend development. Only install Python dependencies if you encounter specific build issues.
The frontend will be available at http://localhost:5173 (or the port specified in VITE_FRONTEND_PORT)
Please have a look at the GNExT Platform repository.
Bridging the gap between genome-wide association studies and network medicine with GNExT Lis Arend, Fabian Woller, Bastienne Rehor, David Emmert, Johannes Frasnelli, Christian Fuchsberger, David B. Blumenthal, Markus List bioRxiv 2026.01.30.702559; doi: https://doi.org/10.64898/2026.01.30.702559