27 lines
1.2 KiB
HTML
27 lines
1.2 KiB
HTML
<head>
|
|
<link rel="STYLESHEET" type="text/css" href="./editor.css">
|
|
<meta charset="utf-8">
|
|
|
|
<!-- <script src="//unpkg.com/force-graph"></script> -->
|
|
<script src="https://unpkg.com/force-graph@1.43.0/dist/force-graph.min.js"></script>
|
|
<!-- <script src="./force-graph-master/src/force-graph.js"></script> -->
|
|
<!--<script src="../../dist/force-graph.js"></script>-->
|
|
</head>
|
|
|
|
<body style="margin: 0 0 0 0;">
|
|
<div id="editor">
|
|
<!-- <br/>
|
|
<div style="text-align: center; color: silver">
|
|
<b>New node:</b> click on the canvas, <b>New link:</b> drag one node close enough to another one,
|
|
<b>Rename</b> node or link by clicking on it, <b>Remove</b> node or link by right-clicking on it
|
|
</div> -->
|
|
<div id="settings" style="line-height: 2; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); top: 0px;
|
|
width: 100%; position: fixed; padding: 8 8 8 8; background-color: rgb(230, 230, 230); z-index: 2;">
|
|
<label for="actor">Highlight actor: </label>
|
|
<select name="actor" id="actor" onchange="selectActor();"></select>
|
|
</div>
|
|
<div id="graph"></div>
|
|
</div>
|
|
|
|
<script src="./editor.js"></script>
|
|
</body> |