|
|
@@ -8,9 +8,27 @@
|
|
|
svg {
|
|
|
background-color: white;
|
|
|
}
|
|
|
+ textarea {
|
|
|
+ background-color: #eee;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
+ <svg width="600" height="400" id="svg">
|
|
|
+ <defs>
|
|
|
+ <marker id="arrowhead" markerWidth="10" markerHeight="7"
|
|
|
+ refX="0" refY="3.5" orient="auto">
|
|
|
+ <polygon points="0 0, 10 3.5, 0 7" />
|
|
|
+ </marker>
|
|
|
+ </defs>
|
|
|
+ </svg>
|
|
|
+ <textarea rows="26" cols="40" readonly id="log"></textarea>
|
|
|
+ <br/>
|
|
|
+
|
|
|
+ <button id="createNode">Create node</button>
|
|
|
+ <br/>
|
|
|
+ Left-click on a node to delete it. Drag with the right mouse button from one node to another to create an edge.
|
|
|
+
|
|
|
<script type="module" src="./bundle.js"></script>
|
|
|
</body>
|
|
|
</html>
|
