gojs
Version:
Interactive diagrams, charts, and graphs, such as trees, flowcharts, orgcharts, UML, BPMN, or business diagrams
47 lines (39 loc) • 1.74 kB
HTML
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Webpack Minimal GoJS Sample</title>
<meta name="description" content="An almost minimal diagram using a very simple node template and the default link template." />
<!-- Copyright 1998-2020 by Northwoods Software Corporation. -->
<meta charset="UTF-8">
<script src="minimal.js"></script>
<script>
window.onload = function() {
// window.init() was created in minimal.js, which was built from minimal.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 minimal sample contains as few GoJS modules as possible when building from the source.
As a result, there is almost no interactivity possible, as no tools or the CommandHandler exist.
There are also no Layouts (except the base Layout), Overviews, or Palettes.
</p>
<p>
If you look at the <a href="./minimal-index.ts">minimal-index.ts</a> you will see what is dis-included.
</p>
<p>
For an example of building GoJS from source with all modules, see the <a href="../maximalSource/maximal.html">Maximal project</a> adjacent to this directory.
</p>
</div>
</body>
</html>