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

ChemDraw JS makes it possible to create, view, and edit chemical structures in the browser.
chemistry, structural formulas
View molecular models in 3D.
chemistry, PDB, molecular graphics
View the periodic table of the elements.
chemistry
Running RDKit in the browser with WebAssembly.
RDKit, WASM, cheminformatics, chemistry
Convert SMILES to structure online.
SMILES, cheminformatics, chemistry

Made by Anton Vasetenkov.

If you want to say hi, you can reach me on LinkedIn or via email. If you like my work, you can support me by buying me a coffee.