Home › Resources & tools › Working with ChemDraw JS

Working with ChemDraw JS

ChemDraw JS is a library for working with chemical structures. Its features include drawing chemical structures and reactions and converting names to structures and structures to names. It also supports hotkeys and shortcuts, structure templates, and structure query tools.

Notable users of ChemDraw JS include ChemDraw Cloud, Signals Notebook Individual Edition, Lead Discovery, and PerkinElmer Signals Lead Discovery.

A demo site (also see archived version) showcases the features of the library.

Using ChemDraw JS

To use ChemDraw JS in your app, you need a license file. You can get the license file by contacting PerkinElmer.

Load the ChemDraw JS script:

<script src="https://chemdrawdirect.perkinelmer.cloud/js/chemdrawweb/chemdrawweb.js"></script>

This script loads the perkinelmer object into the window which is used to create a ChemDraw JS instance:

window.perkinelmer.ChemdrawwebManager.attach({
  license: '<?xml version="1.0" encoding="UTF-8" standalone="no"?><License ...',
  element: document.getElementById("chemdraw-mounting-point"),
  callback: (chemdraw) => {
    // Use the `chemdraw` instance here, call APIs, etc.
  },
  errorCallback: (error) => {
    // ...
  },
});

In the callback callback, use the chemdraw to load an example CDXML:

const dimethylamineCdxml = `<?xml version="1.0" encoding="UTF-8" ?>
  <!DOCTYPE CDXML SYSTEM "http://www.cambridgesoft.com/xml/cdxml.dtd">
  <CDXML>
    <page>
      <fragment>
        <n id="9" p="106 118" />
        <n id="11" p="131.98 103" Element="7" />
        <n id="13" p="157.96 118" />
        <b id="12" B="9" E="11" />
        <b id="14" B="11" E="13" />
      </fragment>
    </page>
  </CDXML>`;

chemdraw.loadCDXML(dimethylamineCdxml);

ChemDraw JS resources

See also

$19.99

Poster, single-sided.

chemistry
$19.99

Poster, single-sided.

chemistry
$29.99

A systematic, visual guide to the chemical elements.

chemistry
$19.99

Poster, single-sided.

chemistry
$19.99

Poster, single-sided.

chemistrybiochemistry
$19.99

Poster, single-sided.

chemistrybiochemistry
$29.99

A collection of elaborate, large-format chemical structure depictions. Discover the fine details of chemical structures in their own right.

chemistrytypography

View structural formulas of chemical compounds.

A pronunciation guide for organic chemistry terms.

Improving the appearance of chemical structures by carefully adjusting the spacing between atoms and bonds.

A pronunciation guide for biochemistry terms.

A pronunciation guide for cheminformatics terms.

Convert SMILES to IUPAC name online.

Visualize the parse tree of a SMILES string.

Convert IUPAC names to SMILES strings.

A curated list of awesome ChemDraw resources, tutorials, and more.

A web service for converting SMILES (simplified molecular-input line-entry system) to MOL.

View molecular models in 3D.

A daily crossword puzzle for chemical elements.

A pronunciation guide for chemical elements.

Generate IUPAC multiplicative prefixes for naming chemical compounds.

A curated list of awesome cheminformatics resources.

A curated list of awesome resources on SMILES (simplified molecular-input line-entry system).

A simple online editor for Mol files.

Convert SMILES (simplified molecular-input line-entry system) to a structure online.

Convert SMILES to InChI string online.

A daily crossword puzzle for chemical engineering terms.

Convert IUPAC names to 2D structures.

An online tool for converting (resolving) InChIKeys to SMILES strings.

A daily crossword puzzle for cheminformatics terms.

A daily crossword puzzle for organic chemistry terms.

Convert a SMILES string to its canonical (kekulized) form.

A pronunciation guide for terms in supramolecular chemistry.

Discover a new molecule every day.

All prices listed are in United States Dollars (USD). Visual representations of products are intended for illustrative purposes. Actual products may exhibit variations in color, texture, or other characteristics inherent to the manufacturing process.