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. In the demo below, you can drag the atoms around to see how the labels are rendered.


Thanks for stopping by my digital playground! If you want to say hi, you can reach out to me on LinkedIn or via email. I'm always keen to chat and connect.

If you really-really like my work, you can support me by buying me a coffee.