gojs
Version:
Interactive diagrams, charts, and graphs, such as trees, flowcharts, orgcharts, UML, BPMN, or business diagrams
46 lines (38 loc) • 1.59 kB
HTML
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Webpack Maximal GoJS Sample</title>
<meta name="description" content="An almost maximal diagram using a every GoJS class." />
<!-- Copyright 1998-2023 by Northwoods Software Corporation. -->
<meta charset="UTF-8">
<script src="maximal.js"></script>
<script>
window.onload = function() {
// window.init() was created in maximal.js, which was built from maximal.ts with webpack. See readme for details.
init();
}
</script>
</head>
<body>
<div id="sample">
<!-- The DIV for the Diagram needs an explicit size or else we won't see anything.
This also adds a border to help see the edges of the viewport. -->
<div id="myDiagramDiv" style="border: solid 1px black; width:400px; height:400px"></div>
<p>
This sample uses a JavaScript file that is built with Webpack. If you do not see a diagram, you may need to build first. See the <a href="./readme.md">readme.md in this directory</a> for details.
</p>
<p>
This maximal sample builds from source with all GoJS modules.
As a result, the build JavaScript is large, but all functionality is present.
</p>
<p>
The <a href="./maximal-index.ts">maximal-index.ts</a> displays how to include every GoJS module into a build.
</p>
<p>
For an example of building GoJS from source with as few modules as possible,
see the <a href="../minimalSource/minimal.html">Minimal project</a> adjacent to this directory.
</p>
</div>
</body>
</html>