index.html 1.1 KB

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