biohacker0 / 3dMol

Visualize 3d structure of protein and its sequence by uploading pdf file, also can annotate the color or sequence and render

Home Page:https://3d-mol.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Protein Sequence Annotation

This project provides a web-based tool for annotating protein sequences and visualizing them using 3D molecular structures.

Table of Contents

Introduction

Protein Sequence Annotation is a web application designed to facilitate the annotation and visualization of protein sequences. It allows users to upload PDB (Protein Data Bank) files, annotate specific segments of the protein sequence, and visualize them in 3D.

Features

  • Upload PDB Files: Users can upload PDB files containing protein structures.
  • Annotate Protein Segments: Users can annotate specific segments of the protein sequence by specifying start and end indexes along with color preferences.
  • Visualize in 3D: The annotated protein segments are visualized in a 3D molecular structure using 3Dmol.js library.
  • Interactive Display: The tool provides an interactive display of the protein sequence, highlighting annotated segments for easy identification.

Usage

  1. Upload PDB File:

    • Click on the "Upload PDB File" button.
    • Select the desired PDB file from your local system.
  2. Annotate Protein Segments:

    • Enter the start and end indexes for the segment you want to annotate.
    • Choose a color for the annotation.
    • Click on the "Annotate" button to apply the annotation.
  3. Visualize in 3D:

    • The annotated protein segments will be visualized in a 3D molecular structure below the annotation controls.

Installation

To set up the project locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/biohacker0/protein-sequence-annotation.git
    
  • Images :
  • image
  • image
  • image
  • image
  • image

About

Visualize 3d structure of protein and its sequence by uploading pdf file, also can annotate the color or sequence and render

https://3d-mol.netlify.app


Languages

Language:JavaScript 54.7%Language:CSS 30.6%Language:HTML 14.7%