Structural Formula Viewer

About the tool

In chemistry, molecular structures are often represented as skeletal formulas. When these formulas are rendered on a computer screen, the quality of the rendering can be poor, especially when the formulas are complex. I've built this Structural Formula Viewer tool to try to address this problem.

One of the key features of this viewer is how it handles the rendering of labels within the structures and the "kerning" between the labels and the bonds. I've built a custom algorithm to calculate the optimal distance between the labels and the bonds that takes into account the precise shapes of the glyphs, pixel by pixel. The result is a high-quality rendering of the structures.

Demo

See also

• Working with ChemDraw JS - ChemDraw JS makes it possible to create, view, and edit chemical structures in the browser.
• Awesome ChemDraw - A curated list of awesome ChemDraw resources, tutorials, and more.
• RDKit WASM - Running RDKit in the browser with WebAssembly.
• Awesome cheminformatics - A curated list of awesome cheminformatics resources.
• Cheminformatics Crossword - A daily crossword puzzle for cheminformatics terms.
• Organic chemistry pronunciation guide - A pronunciation guide for organic chemistry terms.
• IUPAC Multiplicative Prefix Generator - Generate IUPAC multiplicative prefixes for naming chemical compounds.
• IUPAC to Structure - Convert IUPAC names to 2D structures.
• Canonical SMILES Generator - Convert a SMILES string to its canonical (kekulized) form.
• SMILES Parse Tree Viewer - Visualize the parse tree of a SMILES string.
• SMILES to Structure - Convert SMILES (simplified molecular-input line-entry system) to a structure online.
• SMILES to Structure API - A web service for converting SMILES (simplified molecular-input line-entry system) to MOL.
• Awesome SMILES - A curated list of awesome resources on SMILES (simplified molecular-input line-entry system).
• SMILES to IUPAC - Convert SMILES to IUPAC name online.
• IUPAC to SMILES - Convert IUPAC names to SMILES strings.
• SMILES to InChI - Convert SMILES to InChI string online.
• InChIKey to SMILES - An online tool for converting (resolving) InChIKeys to SMILES strings.
• 3D Mol Viewer - View molecular models in 3D.
• Mol Editor - An online editor for Mol files.
• Molecule of the Day - Discover a new molecule every day.
• Chemical kerning - Improving the appearance of chemical structures by carefully adjusting the spacing between atoms and bonds.
• Periodic Table - View the periodic table of the elements.
• Supramolecular chemistry pronunciation guide - A pronunciation guide for terms in supramolecular chemistry.
• Chemical elements pronunciation guide - A pronunciation guide for chemical elements.
• Big Chemical Structures - A book of chemical structures presented in a big format.
• Big Chemical Elements - A book of chemical elements presented in a big format.
• Biochemistry pronunciation guide - A pronunciation guide for biochemistry terms.