UNPKG

graojs

Version:

graoJS - A full stack MVC NodeJS framework

148 lines (132 loc) 6.75 kB
<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>GoJS&reg; Diagramming Components for HTML5/Canvas, by Northwoods Software&reg;</title> <link href="assets/css/main.css" rel="stylesheet" type="text/css"/> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','http://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-1506307-5', 'gojs.net'); ga('send', 'pageview'); </script> </head> <body> <div id="topbar"> <div id="topbar-inner"> <ul> <li><a href="index.html">Home</a></li> <li><a href="learn/index.html">Learn</a></li> <li><a href="samples/index.html">Samples</a></li> <li><a href="intro/index.html">Intro</a></li> <li><a href="api/index.html">API</a></li> <li><a href="http://www.nwoods.com/components/evalform.htm">Register</a></li> <li><a href="doc/download.html">Download</a></li> <li><a href="http://www.nwoods.com/forum/forum_topics.asp?FID=8">Forum</a></li> <li><a href="http://www.nwoods.com/support/query.htm">Contact</a></li> <li class="buy"><a href="http://www.nwoods.com/sales/ordering.htm">Buy</a></li> <li class="activate"><a href="http://www.nwoods.com/app/activate.aspx?sku=gojs">Activate</a></li> </ul> </div> </div> <div class="banner" id="bannertop"> <div class="main"> <h1>GoJS</h1> <h2>Interactive Diagrams for the Web</h2> </div> </div> <div id="imgcontainer" class="main"> <a class="imagelink" href="samples/flowchart.html"><img src="http://gojs.net/images/site1.png" alt="Flowchart" /></a> <a class="imagelink" href="samples/euler.html"><img src="http://gojs.net/images/site2.png" alt="Euler Diagram" /></a> <a class="imagelink" href="samples/orgChartEditor.html"><img src="http://gojs.net/images/site3.png" alt="Org Chart" /></a> <a class="imagelink" href="samples/dataVisualization.html"><img src="http://gojs.net/images/site4.png" alt="Data Visualization" /></a> <a class="imagelink" href="samples/stateChart.html"><img src="http://gojs.net/images/site6.png" alt="State Chart" /></a> <a class="imagelink" href="samples/mindMap.html"><img src="http://gojs.net/images/site5.png" alt="Mind Map" /></a> <a class="imagelink" href="samples/grafcet.html"><img src="http://gojs.net/images/site7.png" alt="Grafcet Diagram" /></a> <a class="imagelink" href="samples/regrouping.html"><img src="http://gojs.net/images/site8.png" alt="Regrouping Demo" /></a> </div> <div class="main"> <p><b>GoJS</b> is a feature-rich JavaScript library for implementing interactive diagrams across modern browsers and platforms. <b>GoJS</b> makes constructing diagrams of complex Nodes, Links, and Groups easy with customizable templates and layouts. <p><b>GoJS</b> offers many advanced features for user interactivity such as drag-and-drop, copy-and-paste, transactional state and undo management, palettes, overviews, data-bound models, event handlers, and an extensible tool system for custom operations. <p><b>GoJS</b> is pure JavaScript and it does not depend on any JavaScript libraries or frameworks. Users get interactivity without requiring round-trips to servers and without plugins such as Flash or Silverlight. <div class="bigcontainer"> <div class="column column-left"> <a href="samples/index.html" target="_blank"> <h2>Explore</h2> <p>Run over 90 sample apps that illustrate different kinds of diagrams and show their complete source code.</p> <p class="btn btn-custom">View Samples</p> </a> </div> <div class="column column-right"> <a href="learn/index.html" target="_blank"> <h2>Learn</h2> <p>Get started with a step-by-step description of how to build an app using a <b>GoJS</b> diagram and model data.</p> <p class="btn btn-custom">Learn with GoJS Tutorials</p> </a> </div> </div> <div class="bigcontainer"> <div class="column column-left"> <a href="doc/download.html" target="_blank"> <h2>Download</h2> <p>Get a copy of the library and all of the samples and extensions. Search the JavaScript code and modify the samples to start your app.</p> <p class="btn btn-custom">Download GoJS</p> </a> </div> <div class="column column-right"> <a href="intro/index.html" target="_blank"> <h2>Technical Introduction</h2> <p>Read our introduction documents for a technical overview of <b>GoJS</b> concepts and techniques, including hundreds of live interactive examples.</p> <p class="btn btn-custom">Features Introduction</p> </a> </div> </div> <div class="bigcontainer"> <div class="column column-left"> <a href="http://www.nwoods.com/components/evalform.htm" target="_blank"> <h2>Unlimited Evaluation</h2> <p> Evaluate the full library without any limitations -- and get free support for a month if you register with us. </p> <p class="btn btn-custom">Register for Support</p> </a> <a href="http://www.nwoods.com/support/query.htm" target="_blank"> <p class="btn btn-custom">Contact Us</p> </a> </div> <div class="column column-right"> <a href="api/index.html" target="_blank"> <h2>API Documentation</h2> <p>View our comprehensive documentation for an in-depth reference of the properties and methods for all of the classes.</p> <p class="btn btn-custom">View the API</p> </a> </div> </div> <p style="font-size: 18px;"> When upgrading to a newer version, please read the <strong><a href="doc/changelog.html" target="_blank">Change Log</a></strong>. </p> <p> You can explore the newest features and samples in the <a href="../beta/index.html" target="_blank">GoJS Beta</a> for the next version. Read the <a href="../beta/doc/changelog.html" target="_blank">beta change log</a> for the new features. Please note that our <a href="https://github.com/NorthwoodsSoftware/GoJS" target="_blank">GitHub</a> directory does not have the beta files. </p> <p class="footer"> GoJS &reg; by Northwoods Software. Copyright &copy; 1998-2015 <a href="http://www.nwoods.com" target="_blank">Northwoods Software</a> &reg; </p> </div> <!-- end main --> <div class="banner" id="bannerbottom"> <!-- text in banner--> </div> </body> </html>