<!DOCTYPE html><html lang="en"><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta name="description" content="iCn3D Structure Viewer">
<meta name="keywords" content="NCBI, Structure, JavaScript, iCn3D, 3D, Viewer, WebGL, three.js, sequence, chemical">
<meta name="robots" content="index,follow,noarchive">
<meta name="ncbi_app" content="structure">
<meta name="ncbi_pdid" content="icn3d">
<meta name="ncbi_page" content="example">
<meta name="ncbi_pinger_xml_http_request_override" content="false"/>
<meta name="ncbi_pinger_click_ping_selector" content="button, a, input[type=submit], span[data-pinger], div[data-pinger], label[data-pinger]"/>
<title>iCn3D: Web-based 3D Structure Viewer</title>
<script type="text/javascript">
    window.ncbi_startTime = new Date();
</script>

</head>
<body>

  <div id="icn3dwrap"></div>

  <link rel="stylesheet" href="https://www.ncbi.nlm.nih.gov/Structure/icn3d/lib/jquery-ui.min.css">
  <link rel="stylesheet" href="https://www.ncbi.nlm.nih.gov/Structure/icn3d/icn3d.css">
  <script src="https://www.ncbi.nlm.nih.gov/Structure/icn3d/lib/jquery.min.js"></script>
  <script src="https://www.ncbi.nlm.nih.gov/Structure/icn3d/lib/jquery-ui.min.js"></script>
  <script src="https://www.ncbi.nlm.nih.gov/Structure/icn3d/lib/threeClass.min.js"></script>
  <script src="https://www.ncbi.nlm.nih.gov/Structure/icn3d/icn3d.min.js"></script>

  <script type="text/javascript">
    $( document ).ready(async function() {
          let cfg = {
              divid: 'icn3dwrap',
              width: '100%',
              height: '100%',
              resize: true,
              rotate: 'right',
              mobilemenu: true,
              showcommand: false,
              showtitle: false
          };

          let pdbStr;

          // 1. Input one or a list of comma-separated PDB/AlphaFold IDs
          cfg['mmdbafid'] = '1tup'; 

          // or 2. Input several PDB files separated with "ENDMDL\n"
          // pdbStr = "ATOM      1  N   ALA A   1     -25.554 -20.891 -14.399  1.00 72.00           N  \nATOM      2  CA  ALA A   1     -25.074 -21.968 -13.538  1.00 75.00           C  \nATOM      3  C   ALA A   1     -24.757 -23.220 -14.350  1.00 71.00           C  \nATOM      4  CB  ALA A   1     -26.104 -22.285 -12.457  1.00 64.00           C  \nATOM      5  O   ALA A   1     -25.618 -23.738 -15.066  1.00 62.00           O  \nATOM      6  N   ALA A   2     -23.605 -23.208 -15.110  1.00 67.00           N  \nATOM      7  CA  ALA A   2     -23.044 -24.072 -16.146  1.00 64.00           C  \nATOM      8  C   ALA A   2     -22.007 -23.326 -16.979  1.00 65.00           C  \nATOM      9  CB  ALA A   2     -24.152 -24.616 -17.043  1.00 53.00           C  \nATOM     10  O   ALA A   2     -22.245 -22.195 -17.412  1.00 56.00           O  \nATOM     11  N   ALA A   3     -20.823 -22.786 -16.622  1.00 68.00           N  \nATOM     12  CA  ALA A   3     -19.626 -22.285 -17.292  1.00 68.00           C  \nATOM     13  C   ALA A   3     -19.018 -21.114 -16.525  1.00 67.00           C  \nATOM     14  CB  ALA A   3     -19.953 -21.867 -18.724  1.00 59.00           C  \nATOM     15  O   ALA A   3     -19.602 -20.028 -16.473  1.00 63.00           O  \nATOM     16  N   ALA A   4     -18.893 -21.281 -15.205  1.00 69.00           N  \nATOM     17  CA  ALA A   4     -18.322 -20.159 -14.465  1.00 71.00           C  \nATOM     18  C   ALA A   4     -17.456 -20.649 -13.308  1.00 68.00           C  \nATOM     19  CB  ALA A   4     -19.430 -19.245 -13.947  1.00 62.00           C  \nATOM     20  O   ALA A   4     -17.931 -21.378 -12.434  1.00 64.00           O  \nATOM     21  N   ALA A   5     -16.575 -21.591 -13.554  1.00 63.00           N  \nATOM     22  CA  ALA A   5     -15.721 -22.115 -12.490  1.00 66.00           C  \nATOM     23  C   ALA A   5     -14.333 -22.462 -13.022  1.00 62.00           C  \nATOM     24  CB  ALA A   5     -16.363 -23.343 -11.849  1.00 56.00           C  \nATOM     25  O   ALA A   5     -14.204 -23.136 -14.046  1.00 59.00           O  \nATOM     26  N   ALA A   6     -13.498 -21.492 -13.506  1.00 70.00           N  \nATOM     27  CA  ALA A   6     -12.083 -21.738 -13.770  1.00 72.00           C  \nATOM     28  C   ALA A   6     -11.291 -20.434 -13.774  1.00 70.00           C  \nATOM     29  CB  ALA A   6     -11.908 -22.467 -15.099  1.00 64.00           C  \nATOM     30  O   ALA A   6     -10.067 -20.444 -13.928  1.00 66.00           O  \nATOM     31  N   ALA A   7     -11.859 -19.402 -13.313  1.00 73.00           N  \nATOM     32  CA  ALA A   7     -11.148 -18.130 -13.412  1.00 73.00           C  \nATOM     33  C   ALA A   7     -10.948 -17.505 -12.034  1.00 69.00           C  \nATOM     34  CB  ALA A   7     -11.905 -17.168 -14.324  1.00 65.00           C  \nATOM     35  O   ALA A   7     -10.520 -16.354 -11.924  1.00 64.00           O  \nATOM     36  N   ALA A   8     -11.014 -17.910 -11.072  1.00 68.00           N  \nATOM     37  CA  ALA A   8     -10.450 -17.438  -9.811  1.00 74.00           C  \nATOM     38  C   ALA A   8      -9.450 -18.443  -9.246  1.00 66.00           C  \nATOM     39  CB  ALA A   8     -11.560 -17.170  -8.798  1.00 58.00           C  \nATOM     40  O   ALA A   8      -8.413 -18.058  -8.702  1.00 60.00           O  \n";

          // Option 1, initial loading iCn3D
          window.icn3dui = new icn3d.iCn3DUI(cfg);
          
          // or option 2, change the displayed structure
          // // window.icn3dui = new icn3d.iCn3DUI(cfg);
          // icn3dui.cfg['mmdbafid'] = '1top,1kq2'; 
          // let ic = icn3dui.icn3d;
          // ic.resizeCanvasCls.closeDialogs();

          //communicate with the 3D viewer with chained functions
          await icn3dui.show3DStructure(pdbStr);
          //icn3dui.setOption('color', 'cyan');
    });
  </script>

  <!-- log & Google Analytics -->
  <script type="text/javascript" src="https://www.ncbi.nlm.nih.gov/core/pinger/pinger.js"></script>

</body></html>