<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta property="fb:page_id" content="197406883610725" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="build/joint.all.min.js" type="text/javascript"></script>
<script src="http://yandex.st/highlightjs/5.16/highlight.min.js"></script>
<script src="js/setup.js" type="text/javascript"></script>
<link href="css/reset.css" type="text/css" rel="stylesheet" />
<link href="css/grids.css" type="text/css" rel="stylesheet" />
<link href="css/styles.css" media="screen, projection" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="http://yandex.st/highlightjs/5.16/styles/sunburst.min.css" />
<title>Joint - JavaScript diagramming library.</title>
</head>
<body>
<div id="header">
<a href="http://www.jointjs.com"><img class="logo" src="img/logo/logo_standalone.png" alt="JointJS logo"/></a>
<h1>JavaScript diagramming library</h1>
<div class="version"><span>0.4</span><img class="tag" src="img/tag.png" alt="JointJS"/></div>
<ul id="menu">
<li><a class="current" href="about.html">About</a></li>
<li><a href="download.html">Download</a></li>
<li><a href="demos.html">Demos</a></li>
<li><a href="license.html">License</a></li>
<li><a href="tutorial.html">Quick tutorial</a></li>
<li><a href="api.html"><b>API Reference</b></a>
<li><a href="http://groups.google.com/group/jointjs">Discussion</a></li>
</ul>
</div>
<div class="main">
<div id="content">
<h1 class="subpage-header">Demos</h1>
<hr/>
<p>
<ul>
<li><a href="demos/run.html?unit=org">Org chart</a></li>
<li><a href="demos/run.html?unit=erd">ERD diagram</a></li>
<li><a href="demos/run.html?unit=uml.statechart">UML StateChart</a></li>
<li><a href="demos/run.html?unit=uml.classdiagram">UML Class diagram</a></li>
<li><a href="demos/run.html?unit=fsa">Finite State Machine</a></li>
<li><a href="demos/run.html?unit=pn">Petri Net</a></li>
<li><a href="demos/run.html?unit=devs">DEVS</a></li>
<li><a href="demos/run.html?unit=arrows">Arrows</a></li>
<li><a href="demos/run.html?unit=label">Labeling</a></li>
<li><a href="demos/run.html?unit=uml.connections">UML connections</a></li>
<li><a href="demos/run.html?unit=uml.states">UML states</a></li>
</ul>
</p>
</div>
</div>
<div id="foot">
<div class="gradient-strip"></div>
<div class="pledgie">
<a href='http://www.pledgie.com/campaigns/14101'><img alt='Click here to lend your support to: JointJS and make a donation at www.pledgie.com !' src='http://www.pledgie.com/campaigns/14101.png?skin_name=chrome' border='0' /></a>
</div>
<div class="diasketch">
<a href="http://www.diasketch.com">DiaSketch</a><br/><b>Online diagramming solution.</b>
</div>
<div class="twitter">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.jointjs.com" data-count="horizontal" data-via="jointjs">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div class="facebook">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.jointjs.com&layout=standard&show_faces=false&width=450&action=like&colorscheme=dark&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>
</div>
<em class="copyright">Copyright © 2009 - 2011 David Durman</em>
<p class="notes">
<span>About the author</span><br/>
Author is a Software Developer
based in Amsterdam, the Netherlands.
He is currently most interested in JavaScript on both
client and server side.
</p>
<p class="notes">
<span>How to contribute</span><br/>
For criticism, feature proposals and other useful
information please use
the discussion forum. For code contribution: fork
the joint project on github and use the pull requests.
</p>
<p class="notes">
<span>Bug reporting</span><br/>
All bug reports are welcome! Please use the
<a href="https://github.com/DavidDurman/joint/issues">github issue tracker</a>.
</p>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-5029684-2");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>