Using chimera and javascript for browser based interactive view of macromolecular structure

Reference: RBVI Tech Note: Displaying Interactive 3D Model Views in Web Browsers

Load your PDB file in chimera and set your view

Run the following script (just open it via the menu):

It will create a lot of png image files in the working directory. Just create a directory (here named 4ci0 as the PDB code) and move them to it.

A glob image is present at the upper-left corner of the interactive view. The globe image size was selected to balance visibility (so that the globe orientation is easily seen) and size (so that it does not take up too much screen area over the displayed view). The images in different orientation can be downloaded here. The unzipped directory should be placed in the working directory.

Create the web content:

The web content for displaying an interactive 3D model view consists of:

• a javascript file:

• the main HTML file:

Along with this file, must be present the two folders of image (globe and 4ci0; feel free to change the name of this last folder, but do not forget to change the name in the main HTML file to be consistent.)

If you want to ask me a question or leave me a message add @bougui505 in your comment.