JSDraw - A Javascript Framework for Cheminformatics and Bioinformatics

JSDraw brings chemistry capabilities to your web pages. With this javascript libary you can display and draw chemical structures in web pages, which works cross browser, including IE, Firefox, Safari, Opera and Chrome, crose platform, including Window, Mac, Linux, and even iPhone, Android and other mobile devices.


Major Features:
(Because of browser security settings, some demos may not work if loading from your local computers)
Some Drawing Tips:
Example 1 (Viewer, using molurl):
<div class='JSDraw' id="jsdraw1" style="width: 400px; height: 330px;border:1px solid gray" 
    dataformat='molurl' data='mol1.mol.txt' viewonly ></div>

Example 2 (Editor, using molfile):
<div class='JSDraw' id="jsdraw2" style="width: 500px; height: 300px;border:1px solid gray" 
    dataformat='molfile' data='
JSDraw

  5  4  0  0  0  0  0  0  0  0  1 V2000
    2.2994    2.0277    0.0000 O   0  0
    3.2617    0.3611    0.0000 F   0  0
    2.2994    0.9166    0.0000 C   0  0
    1.3372    0.3611    0.0000 N   0  0
    0.3750    0.9166    0.0000 Cl  0  0
  3  1  2
  3  2  1
  4  3  1
  5  4  1
M  END'></div'>

Example 3 (Editor, using JSDraw compatible html):
<div class='JSDraw' style='width:600px;height:300px;' viewonly>
<a i=1 e='C' p='10.192 6.656'></a>
<a i=2 e='C' p='11.543 5.876'></a>
<a i=3 e='C' p='12.894 6.656'></a>
<a i=4 e='O' p='11.543 4.316'></a>
<b a1=1 a2=2 t=1 r='black'></b>
<b a1=2 a2=3 t=1 r='black'></b>
<b a1=2 a2=4 t=2 r='black'></b>
</div>

Example 4 (SDF Viewer):
<script type="text/javascript">
    new JSDraw2.Table("sdf4.sdf.txt", {grid:true, cols:5, width:200, height:120, searchable:true});
</script>

IE9
In order to let IE9 render graphics in SVG, which is much faster than traditional VML, you need include following meta tag in <head> section:
    <meta http-equiv="X-UA-Compatible" content="IE=edge" >

class JSDraw2.Mol class JSDraw2.Editor
class JSDraw2.Table
License: