Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Object-oriented JavaScript adapter library for online molecular visualization
JavaScript CSS
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
.settings
GLmol @ 2dc25af
build
css
doc
externs
js
lib/closure_compiler/build
nbproject
node_modules
release
tests
three.js @ f1d6fc3
tutorials
webmol-doc-template
webmol
.gitignore
.gitmodules
.project
.pydevproject
Gruntfile.js
LICENSE
README.md
append.js
doc.js
index.html
jsdoc.conf.json
package.json
script.map
testgl.html
testgl2.html
testj.html
testshape.html
viewer.html

README.md

.page-title {visibility: hidden; height: 0px; width: 0px;} //hack to get rid of Index

WebMol.js

Overview

WebMol.js is an object-oriented, webGL based JavaScript library for online molecular visualization - No Java required! With WebMol.js, you can add beautifully rendered molecular visualizations to your web applications. Features include

  • support for pdb, sdf, mol2, xyz, and cube formats
  • parallelized molecular surface computation
  • sphere, stick, line, cross, cartoon, and surface styles
  • atom property based selection and styling
  • labels
  • clickable interactivity with molecular data
  • geometric shapes included spheres and arrows

Getting Started

Molecular data can be shared and visualized without writing any HTML using only a declarative URL specification and our hosted viewer (see {@tutorial url}).

Viewers can be quickly embedded in any HTML document using just two lines of source code (see {@tutorial embeddable}).

Developing with WebMol.js

WebMol.js provides a full-featured API for manipulating and styling molecular data.

Getting the source code

The library is available as a single minified JavaScript file:

{@lang xml}<script src="http://webmol.csb.pitt.edu/release/webmol-min.js"></script> 


An un-minified file is also provided for debugging purposes.

{@lang xml}<script src="http://webmol.csb.pitt.edu/release/webmol.js"></script> 


The full source distribution is available from github.

git clone https://github.com/dkoes/WebMol.git

Using the source code

Every WebMol.js viewer canvas corresponds to a {@link WebMol.GLViewer} object. The viewer object includes methods for setting viewer properties and for creating and manipulating molecular models, surfaces and custom geometric shapes within the view.

A {@link WebMol.GLModel} object represents molecular data. Each model object stores its own rendering data and provides a convient way to reference a defined part of the scene.

Models are manipulated and styled using {@link AtomSpec} JavaScript objects.

An example of a viewer that manipulates the styles of the embedded objects is shown below. View the source code for the implementation details.

Something went wrong with that request. Please try again.