> For the complete documentation index, see [llms.txt](https://docs.hits.ai/docs-ko/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.hits.ai/docs-ko/project-feature-ko/3d-viewer.md).

# 3D Viewer

**3D Viewer**를 통해 **Hyper Binding**, **Hyper Design**, **Hyper Screening** 계산 이후 단백질-리간드 상호작용의 3D 결합 구조를 분석할 수 있습니다.

**3D Viewer**는 단백질-리간드 상호작용의 3D 결합 구조를 분석하기 위한 다양한 기능을 제공합니다.

**3D Viewer**는 다음 위치에서 접근할 수 있습니다 :

* **Bench** 페이지
* **분자 상세** 페이지
* **Hyper Design** 페이지

### Bench 페이지에서 3D 뷰어 실행

{% stepper %}
{% step %}
**Bench** 페이지로 이동합니다.

<figure><img src="https://1649178184-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fy5VfWhOSeLc5bLACn0p2%2Fuploads%2FLsylF81IAmTWEggAu9OO%2Fimage.png?alt=media&amp;token=c98b6d16-a669-4ee3-a3ee-7e800e2a6dd2" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
3D 뷰어를 통해 보고 싶은 분자들의 체크박스를 선택합니다.

Hyper Binding 계산이 완료된 후, 단백질-리간드의 3D 결합 구조를 분석할 수 있습니다.

<figure><img src="https://1649178184-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fy5VfWhOSeLc5bLACn0p2%2Fuploads%2FtYkGFuSdZ5AbCriMalsB%2Fimage.png?alt=media&amp;token=22675acc-911c-4d38-aa1a-45731354cc73" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
`3D View` 버튼을 클릭합니다.

<figure><img src="https://1649178184-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fy5VfWhOSeLc5bLACn0p2%2Fuploads%2FV6StfsknHAW7gKESMO5H%2Fimage.png?alt=media&amp;token=1dff24fd-1dad-4df9-afc4-d827418f6fc3" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
새 창으로 3D 뷰어가 열립니다. 단백질 구조와 리간드 결합 구조를 확인할 수 있습니다.

{% endstep %}
{% endstepper %}

### 분자 상세 페이지에서 3D 뷰어 실행

{% stepper %}
{% step %}
분자 상세 페이지로 이동합니다.

<figure><img src="https://1649178184-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fy5VfWhOSeLc5bLACn0p2%2Fuploads%2F4ScV5WBRSGIb1TkK9RYq%2Fimage.png?alt=media&amp;token=f7a22fbc-68b0-4fd3-b18a-a8a2cd7cf424" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
`3D View` 버튼을 클릭합니다.

<figure><img src="https://1649178184-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fy5VfWhOSeLc5bLACn0p2%2Fuploads%2FeDdI4psA7nYCfHBLnjeT%2Fimage.png?alt=media&amp;token=69d545cf-145e-40b3-97c5-bc938f6ecf9c" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
새 창으로 3D 뷰어가 열립니다. 단백질 구조와 리간드 결합 구조를 확인할 수 있습니다.

{% endstep %}
{% endstepper %}

### Hyper Design 페이지에서 3D 뷰어 실행

{% stepper %}
{% step %}
Hyper Design 페이지로 이동합니다.

<figure><img src="https://1649178184-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fy5VfWhOSeLc5bLACn0p2%2Fuploads%2FdSFHta6dhAC9hCgDlg9u%2Fimage.png?alt=media&amp;token=03942be3-fa7c-4297-b9f7-902d8d8f4fd2" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
3D 뷰어를 통해 보고 싶은 분자들의 체크박스를 선택합니다.

Hyper Binding 계산이 완료된 후, 단백질-리간드의 3D 결합 구조를 분석할 수 있습니다.

<figure><img src="https://1649178184-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fy5VfWhOSeLc5bLACn0p2%2Fuploads%2FWM4YiCUleZHu4ysylktB%2Fimage.png?alt=media&amp;token=16e44a62-668f-4115-8374-b886eb818a73" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
`3D View 버튼`을 클릭합니다.

<figure><img src="https://1649178184-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fy5VfWhOSeLc5bLACn0p2%2Fuploads%2FbMzcYUfdnNLr9vkvWV84%2Fimage.png?alt=media&amp;token=6b4b3990-b47b-42d5-9bd1-ba93e40d8aba" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
새 창으로 3D 뷰어가 열립니다. 단백질 구조와 리간드 결합 구조를 확인할 수 있습니다.
{% endstep %}
{% endstepper %}
