JSmol

JSmol is a JavaScript library for displaying three-dimensional chemical structures. It uses HTML5 features to render interactive 3D models and supports the same scripting language as Jmol.

Using JSmol

const appletKey = 'myJmol'
    const JmolInfo = {
        width: 500,
        height: 500,
        color: 'BACKGROUND_COLOR',
        j2sPath: 'PATH_TO_J2S',
        serverURL: 'PATH_TO_JSMOL_PHP',
        use: 'html5'
    }
    const appletHtml = window.Jmol.getAppletHtml(appletKey, JmolInfo)
    document.body.innerHTML += appletHtml
    window.Jmol.script(window[appletKey], 'load PATH_TO_STRUCTURE')
    window.Jmol.script(window[appletKey], 'background red')