Collections:
Assign Embedded 3Dmol Viewer to DIV
How to assign Embedded 3Dmol Viewer to a "div" element?
✍: FYIcenter.com
Here is an HTML code example, Embedded-Viewer-PDB.html, that assigns the Embedded 3Dmol Viewer to in "div" element. It also uses "data-*" attributes to load a protein from the PDB Websites, creates a selection from chain A and displays it in cartoon style.
<html><head> <script src="/3Dmol-min.js"></script> </head> <body> <div style="width: 400px; height: 400px; position: relative;" class="viewer_3Dmoljs" data-pdb="1YCR" data-select='chain:A' data-style='cartoon:color=spectrum' data-ui="true" /> </body></html>
This example HTML code will display a PDB protein in cartoon style:
Note that the protein structure data is downloaded with the following PDB API:
http://files.rcsb.org/view/{PDB_ID}.pdb
⇒ Multiple Selections with Embedded 3Dmol Viewer
⇐ What Is Embedded 3Dmol Viewer
⇑⇑ 3Dmol.js FAQ
2023-02-04, 255🔥, 0💬
Popular Posts:
Molecule Summary: ID: FYI-1003104 Names: InChIKey: BLIDUJAKTFPQNS-UHFFFAOYS A-NSMILES: CCCCc3ccc(C(=...
Molecule Summary: ID: FYI-1003100 Names: InChIKey: BNDTYLFSBRVUOZ-UHFFFAOYS A-NSMILES: N#Cc3cccc(c2c...
Molecule Summary: ID: FYI-1000319 SMILES: CCc1ccc(NCCc2n[nH]c(C(C) C)n2)cc1Received at FYIcenter.com...
Molecule Summary: ID: FYI-1001097 SMILES: C1CCC1 Received at FYIcenter.com on: 2021-12-24
Molecule Summary: ID: FYI-1000970 SMILES: O=C1CSC(=S)N1CCN1CCCC1 Received at FYIcenter.com on: 2021-...