EMERALD UI: 서브옵티멀 정렬 공간에서 숨은 단백질 기능을 시각화하는 인터랙티브 웹앱

초록

EMERALD-UI는 단백질 서열의 최적 정렬만을 고려하는 기존 접근법의 한계를 극복하고, 서브옵티멀 정렬 공간에 존재하는 구조적으로 안정된 잔기와 기능적 영역을 시각화한다. 웹 브라우저 기반으로 동작하며, 사용자는 두 단백질 서열을 입력하고 Δ와 α 파라미터를 조절해 안전 윈도우(safety windows)를 탐색하고, 이를 AlphaFold·UniProt·KEGG 등 외부 데이터베이스와 연계해 구조·경로·리간드 정보를 즉시 확인할 수 있다.

상세 분석

EMERALD‑UI는 기존 EMERALD 명령줄 도구의 핵심 알고리즘을 웹 어셈블리(WASM)로 포팅하고, D3.js 기반의 인터랙티브 그래프와 Mol* 3D 뷰어를 결합한 풀스택 솔루션이다. 알고리즘적으로는 Needleman‑Wunsch 기반의 DAG(Directed Acyclic Graph)를 구축하고, 최적 정렬 비용에서 Δ 이하인 모든 경로를 포함한다. 이 그래프에서 α 비율(예: α=1) 이상을 차지하는 연속적인 정렬 구간을 “안전 윈도우”로 정의한다. Δ를 크게 설정하면 서브옵티멀 정렬 공간이 확대되어 다양한 대안 경로가 드러나지만, 동시에 안전 윈도우는 짧아지고 커버리지는 감소한다. 반대로 α를 낮추면 더 많은 구간이 안전 윈도우로 포함돼 길어지지만 신뢰도는 떨어진다.

EMERALD‑UI는 이러한 파라미터를 슬라이더 UI로 제공함으로써 사용자가 실시간으로 정렬‑구조 연관성을 탐색할 수 있게 한다. 정렬 그래프는 대각선(동일 잔기), 수직·수평(갭)으로 시각화되고, 최적 정렬은 파란색, 서브옵티멀 경로는 빨강·주황 등 색상으로 구분된다. 마우스 오버 시 해당 위치의 서열 문자, 인덱스, 경로 통과 비율이 표시되며, 사이드 패널에서 선택된 구간을 별도 강조하거나 비안전 구간을 필터링한다.

구조 매핑 단계에서는 Mol*를 이용해 안전 윈도우에 해당하는 잔기를 3D 모델에 색칠한다. 이때 AlphaFold·UniProt API를 실시간으로 호출해 최신 구조와 주석을 가져오며, KEGG·LigandDB 등으로 바로 연결해 경로·리간드 가능성을 검증한다. 결과물은 PNG·JPEG·SVG 이미지, 텍스트 정렬 파일, 혹은 전체 상태를 담은 URL 형태로 내보낼 수 있어 재현성과 협업이 용이하다.

기술 스택 측면에서 EMERALD‑UI는 경량화된 WASM 바이너리와 순수 JavaScript(D3.js, Mol*)만으로 구현돼 서버 없이 클라이언트에서 완전 실행된다. 이는 대규모 데이터베이스와 연동하면서도 실시간 반응성을 유지하게 한다. 또한 BLOSUM45‑90, PAM30‑250, IDENTITY 등 다양한 비용 행렬과 갭·갭오프닝 파라미터를 지원해 진화적 시나리오를 다각도로 테스트할 수 있다.

전체적으로 EMERALD‑UI는 서브옵티멀 정렬 공간을 정량·정성적으로 탐색하고, 이를 구조·기능 데이터와 연결함으로써 기존 최적 정렬 기반 분석이 놓칠 수 있는 진화적·기능적 신호를 발굴한다는 점에서 혁신적이다.