Drawing Atoms Using Atomic Masses and Charges

This JavaScript app draws atoms of a given element (if it's one of the first 20 elements). Each element defaults to the atomic mass of the most common isotope and no charge, but you can change both of these and the diagram adjusts accordingly. The program defaults to Calcium.

Embedding

To embed magnesium-21 with a 2+ charge use:
Which gives:

URL Parameters

element - Use element symbol

Use the element symbol of one of the first 20 elements.

For sodium which has a symbol of Na use:

https://soriki.com/js/chem/atom-builder/index.html?element=Na

mass - Atomic mass

Set the atomic mass with mass . So if we want sodium-24 use:

https://soriki.com/js/chem/atom-builder/index.html?element=Na&mass=24

charge

set the charge with charge. Use whole numbers for the charge with the + or -. Even single charges must have an integer value. So, if we need sodium-24 with a -1 charge use:

https://soriki.com/js/chem/atom-builder/index.html?element=Na&mass=24&charge=-1