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.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
Autodesk / molecule-3d-for-react / src / components / molecule_3d.jsx View on Github 
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
JavaScript/TypeScript molecular visualization library
