gojs
Version:
Interactive diagrams, charts, and graphs, such as trees, flowcharts, orgcharts, UML, BPMN, or business diagrams
87 lines (84 loc) • 5.25 kB
HTML
<html>
<head>
<meta charset="UTF-8">
<title>GoJS Sample Projects</title>
<meta name="description" content="Various samples using GoJS that are in separate project directories." />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Copyright 1998-2020 by Northwoods Software Corporation. -->
<script src="../assets/js/goSamples.js"></script> <!-- this is only for the GoJS Samples framework -->
<script id="code">
function init() {
if (window.goSamples) goSamples(); // init for these samples -- you don't need to call this
}
</script>
</head>
<body onload="init()">
<div id="sample">
<h2>GoJS Sample Projects</h2>
<p>
Most of the hundreds of samples are in individual pages at <a href="../samples/index.html">Samples Index</a>
and <a href="../extensions/index.html">Extensions</a>.
</p>
<p>
This directory has subdirectories that hold samples that consist of more than one file or have nested subdirectories.
</p>
<p>
The <a href="bpmn/BPMN.html" target="_blank">BPMN sample</a> demonstrates some basics of a BPMN editor.
The sources are in the <code>bpmn</code> subdirectory.
</p>
<p>
There is a floor plan editor at <a href="floorplannerTS/index.html" target="_blank">TypeScript FloorPlanner sample</a>.
The sources are in the <code>floorplannerTS</code> subdirectory.
There is also an <a href="floorplanner/FloorPlanner.html" target="_blank">older JavaScript FloorPlanner sample</a>,
whose sources are in the <code>floorplanner</code> subdirectory.
</p>
<p>
A demonstration of generating, showing, and downloading PDF for a diagram is at <a href="pdf/minimalPDF.html" target="_blank">minimalPDF.html</a>.
The sample demonstrates both showing the PDF on the page itself as well as downloading it upon pressing a button.
In a real application it is likely that you would only want to have the user download the PDF file.
</p>
<p>
An example server-side project for running GoJS with Puppeteer is in the <code>puppeteer</code> subdirectory or at
<a href="https://github.com/NorthwoodsSoftware/GoJS/tree/master/projects/puppeteer">GitHub: puppeteer</a>.
</p>
<p>
The GoJS Cloud Storage extension is in the <code>storage</code> subdirectory or at
<a href="https://github.com/NorthwoodsSoftware/GoJS/tree/master/projects/storage">GitHub: storage</a>.
</p>
<p>
If you have a license to the GoJS source code, you can rebuild the full functionality `go.js` library
in the <code>maximalSource</code> subdirectory or at
<a href="https://github.com/NorthwoodsSoftware/GoJS/tree/master/projects/maximalSource">GitHub: maximalSource</a>
</p>
<p>
If you have a license to the GoJS source code, you can build the subset functionality library
in the <code>minimalSource</code> or <code>minimalSourceBrowserify</code> subdirectory or at
<a href="https://github.com/NorthwoodsSoftware/GoJS/tree/master/projects/minimalSource">GitHub: minimalSource</a>, or at
<a href="https://github.com/NorthwoodsSoftware/GoJS/tree/master/projects/minimalSourceBrowserify">GitHub: minimalSourceBrowserify</a>
</p>
<h2>Other GoJS Sample Projects</h2>
<p>
As of GoJS 2.0 many of these projects have moved to their own GitHub repositories.
</p>
<p>
There is a new package for Angular, named gojs-angular, which is at <a href="https://github.com/NorthwoodsSoftware/gojs-angular">GitHub: gojs-angular</a>.
It is also available for <a href="https://www.npmjs.com/package/gojs-angular">npm: gojs-angular</a>.
That package is used by a sample: <a href="https://github.com/NorthwoodsSoftware/gojs-angular-basic">GitHub: gojs-angular-basic</a>.
Read more about Angular at the <a href="../intro/angular.html" target="_blank">GoJS with Angular</a> Intro page.
</p>
<p>
There is a new package for React, named gojs-react, which is at <a href="https://github.com/NorthwoodsSoftware/gojs-react">GitHub: gojs-react</a>.
It is also available for <a href="https://www.npmjs.com/package/gojs-react">npm: gojs-react</a>.
That package is used by a sample: <a href="https://github.com/NorthwoodsSoftware/gojs-react-basic">GitHub: gojs-react-basic</a>.
Read more about React at the <a href="../intro/react.html" target="_blank">GoJS with React</a> Intro page.
</p>
<ul>
<li>The Electron sample is now at <a href="https://github.com/NorthwoodsSoftware/GoJS-projects/tree/master/electron-circuit">GitHub: electron-circuit</a></li>
<li>The Cordova sample is now at <a href="https://github.com/NorthwoodsSoftware/GoJS-projects/tree/master/cordova-circuit">GitHub: cordova-circuit</a></li>
<li>The NW sample is now at <a href="https://github.com/NorthwoodsSoftware/GoJS-projects/tree/master/nw-circuit">GitHub: nw-circuit</a></li>
<li>The Vue Webpack sample is now at <a href="https://github.com/NorthwoodsSoftware/GoJS-projects/tree/master/vue-webpack">GitHub: vue-webpack</a></li>
</ul>
</div>
</body>
</html>