jQuery UI requires the CSS file provided and the JavaScript library is included in the ChemDoodle scope through the ChemDoodleWeb-uis.js file. This plugin requires one library, jQuery UI, that powers the interface elements of the sketcher. The SketcherCanvas class is provided in the ChemDoodleWeb-uis.js file. In order to use the SketcherCanvas class, you need to link a few additional files as URI resources on your webpage that are provided in the uis folder of the ChemDoodle Web Components download:

To simplify the ChemDoodle Web Components library, the SketcherCanvas component is provided as a plugin with other components needing a more advanced user interface. It is comprised of the following sections:

This page is more complex than others to cover the functionality of the sketcher. This is the most professional web based sketcher available, as expected from the universal chemical drawing standard, and it is free and open source under the GPL license! There is also a Single Molecule Sketcher option, to optimize the sketcher for drawing only a single molecule, which is very convenient for a number of applications. It is built from the ChemDoodle desktop application and optimized for both desktop browsers and mobile devices. The SketcherCanvas component is a complete and full-featured chemical sketcher.

Chemdoodle sketcher