Label Generator

A chemical label generator designed with ease of use and beautiful labels in mind
2021-06-21

This is a very valuable tool that's surprisingly not available online. I decided to make a simple solution that could be quickly used to generate beautiful labels, a must have in any lab.


Inputs

In the inputs that allow HTML you can use <br> to input a line break. You can also use any other HTML tags! For example, <b>Text</b> shows bold text and <i>Wathever</i> shows italic text.

Basic

You may only enter one of the options.



(Changes customization!)

Renderer Settings

This setting may be useful if the generated image is buggy or you are working with coordination complexes which are not very well supported.








Customization


Hazard Configuration

You may toggle the icons manually. Insert the appropriate text into Extra Hazard Text.


Other Configurations



High values may slow down your browser, but very low values will be very pixelated once you save them. The default value should be more than enough for printing.

Results

Use this button if the molecule is badly rendered or atoms are clumped up, as there's an element of chance in the molecule geometry engine.

To download the file, you can right-click and save the image. Alternatively, you may copy-paste the image into an image editing software to print multiple labels at once.

If you have used the pubchem images, you must take a screenshot with a screenshot software, such as Window's Snipping Tool. This limitation has to do with how JavaScript handles off-site resources, and cannot be fixed easily.

Credits

PubChem is used to obtain the information and GHS hazard information. Optionally, it's also used to obtain a representation of the molecule.

OpenBabel is used to convert the SMILES given by PubChem into a MOL file, and to generate the position of the atoms inside of this file. ChemDoodle is used to draw the MOL file into a canvas, allowing the image to be downloaded.

Lastly, html2canvas allows converting the label into a downloadable image.

GHS pictograms (Including the unofficial question mark one) were obtained from Wikipedia, they are in the public domain.

I (tatjam) have glued these great tools together into this generator. You can give feedback and check the source code at github.