How to use the 3dmol.createViewer function in 3dmol

To help you get started, we’ve selected a few 3dmol examples, based on popular ways it is used in public projects.

github Autodesk / molecule-3d-for-react / src / components / molecule_3d.jsx View on Github external
render3dMol() {
    if (!this.glviewer && Molecule3d.isModelDataEmpty(this.props.modelData)) {
      return;
    }

    const glviewer = this.glviewer || $3Dmol.createViewer(jQuery(this.container), {
      defaultcolors: $3Dmol.elementColors.rasmol,
    });

    const renderingSameModelData = moleculeUtils.modelDataEquivalent(
      this.oldModelData, this.props.modelData
    );
    if (!renderingSameModelData) {
      this.lastStylesByAtom = null;
      Molecule3d.render3dMolModel(glviewer, this.props.modelData);
    }

    const styleUpdates = Object.create(null); // style update strings to atom ids needed
    const stylesByAtom = Object.create(null); // all atom ids to style string
    this.props.modelData.atoms.forEach((atom, i) => {
      const selected = this.state.selectedAtomIds.indexOf(atom.serial) !== -1;
      const libStyle = libUtils.getLibStyle(

3dmol

Object oriented Javascript molecular visualization library

BSD-3-Clause
Latest version published 8 months ago

Package Health Score

78 / 100
Full package analysis

Similar packages