12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta charset="utf-8">
- <title>Websfg</title>
- </head>
- <body>
- <style>
- button { margin:4px; cursor:pointer; font-size: 70%; font-family; arial,sans-serif; margin-right: 5px }
- </style>
- <h2>Websfg is sfg.c as wasm sugiyama graph layout running in the Browser</h2>
- Enter your graph data as edges between node numbers into the text area below.<br>
- to enter a edge from node number 2 to node number 3 do it this way on one line:<br>
- 2 3
- <br>
- <br>
- <textarea id="graph_data" rows="20" cols="80" width="100%" wrap="off">
- # this is a comment line starting with #
- 0 1
- 0 2
- 1 3
- 3 4
- </textarea>
- <p>
- <button id="generate_btn" style="font-size: 100%">Generate Graph layout</button>
- </p><div id="graph_svg_div">
- <!-- Target for dynamic svg generation -->
- </div>
- <script language="javascript" type="text/javascript" src="jquery-3.6.0.js"> </script>
- <script language="javascript" type="text/javascript" src="site.js"> </script>
- </body>
- <!-- Defer loading of javascript by placing these tags at the tail end of the document -->
- </html>
|