Algocynfas/graph.html at master · SanjayTr/Algocynfas · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<html>
<!-- THIS FILE WAS GENERATED BY A SCRIPT: DO NOT EDIT IT! -->
<head>
 <meta charset="UTF-8">
  <link rel="stylesheet" href="lib/bootstrap.min.css">
  <link rel="stylesheet" href="userInterface.css">
 <script src="lib/jquery.min.js"></script>
  <script src="lib/bootstrap.min.js"></script>

  <script src="lib/sigma/sigma.min.js"></script>

  <script src="lib/sigma/sigma.renderers.canvas.js"></script>
  <script src="lib/sigma/canvas/sigma.canvas.labels.def.js"></script>
  <script src="lib/sigma/canvas/sigma.canvas.nodes.def.js"></script>
  <script src="lib/sigma/canvas/sigma.canvas.edges.def.js"></script>
  <script src="lib/sigma/canvas/sigma.canvas.edges.arrow.js"></script>


  <script src="lib/sigma/sigma.plugins.dragNodes.js"></script>
  <script src="lib/sigma/sigma.canvas.labels.def.js"></script>
  <script src="lib/sigma/sigma.canvas.edges.labels.def.js"></script>
  <script src="lib/sigma/setting.js"></script>
  <script src="lib/sigma/sigma.classes.graph.js"></script>
  <script src="lib/sigma/graphArrange.js"></script>
  <script src="lib/sigma/sigma.core.js"></script>

  <script src="widgets.js"></script>
  <script src="graph.js"></script>
 <link rel="stylesheet" href="style.css">  <!--algocynfas webpage css, independent from the user interface css -->
</head>
<body>
  <h1> Graph </h1>
  <div class="container">
   <select id= choices onchange="typeChange()">
    <option value="Number" >Input number of nodes (Default Name) </option>
    <option value="f1" >Input by a list of node names</option>
  </select>
  <input type="text" class="box" id="nodeNum"
  placeholder="Enter node#, max 16 nodes">
  <button class="btn btn-primary" id="add-node-button" type="button"
  onclick="createGraph(false,'graphContainer')">Create Nodes
 </button>

&emsp;
<br> <br>

<select id= graphType onchange="setDir()">
  <option value="undir" >Undirected </option>
  <option value="dir" > Directed </option>
</select>

<select id= "graphWeight" onchange="setWeight()">
  <option value="unW" >Unweighted </option>
  <option value="W" > Weighted </option>
</select>
<input type="text" class="edgeBox" id="edges"
placeholder="Enter edges (e.g: a-b, e-f-g)" >
&emsp;
<input type="text" class="weightBox" id="weights"
placeholder="Enter weights in the order of edges, e.g: 1,2" >
<button class="btn btn-primary" id="add-node-button" type="button"
onclick="createGraph(true,'graphContainer')"> Create Edges
</button>
<br>
<br>

<br>
<div id="graphContainer"  class = "graphContainer" style = "width: 800px; height: 500px; border: 1px; border-style: solid"></div>
<script>

  let inputType = "num";
  let dir = 0;
  let weight = 0;
  let Graph = null;
  let animeRunning = true;


</script>
</div>
</body>
</html>