VisChemJS is a JavaScript and HTML5 frontend web application based on molecular chemistry editors such as Kekule
VisChemJS is built with HTML5 Canvas, CSS, and Vanilla JavaScript. All DOM manipulation was done without jQuery.
Users are given the ability to draw organic chemistry molecules and add common organic functional groups. Utilizing vanilla JavaScript and HTML5 Canvas, users are allowed to click and drag bonds to their desired size.
Bonds automatically connect when within range of other atoms and the atoms internally keep up with their charge. The total molecular charge is kept up with internally and updated upon filling atoms with too many bonds.
The following changes will be incrementally added to the program:
The number of each element in a molecule will be shown.
The app will be expanded to allow more functional groups and elements.