Structure Viewer

Enter ChemSpider ID and click Load button:
Zoom Scaling: Spin FPS:
Spin Rate X: Spin Rate Y:

Code examples how to put JSmol widget to the page to view molecule structures Molecule specified by mol with advanced jmol parameters set...
        var viewer = $('#jmolContainer').molviewer({
          width: 300,
         height: 300,
         modality: 'HTML5',
         spin: true,
         vibration: true,
         moleculeStyle: 'BALLSTICK',
         smiles: "c1ccccc1",
         useSignedApplet: true,
         spinRateX: 5,
         spinRateY: 5,
         spinFPS: 20,
         zoomScaling: 1,
         widgets: 'JMOL|LW'
     }).data('cs-molviewer');
    
... and how to toggle the molecule spinning on and off...
		$('#toggleSpinBtn').click(function () {
			viewer.toggleSpin();
		});
	
... and how to set the molecule display style (Ball & Stick / Space Fill / Wire Frame) ...
        viewer.setMoleculeDisplayType('BALLSTICK');
    
.. and how to set molecule by SMILES ...
        viewer.setSmiles(smiles);
    
.. and how to load by CSID ...
            viewer.setCSID(csid);
    
.. and how to set spin rates ...
         viewer.setSpinRates(10, 10, 25);
    
... and hot to set zoom scaling ...
         viewer.setZoomScaling(1.5);