MA0301/tools/graph-maker/index.html
2021-05-17 19:04:42 +02:00

48 lines
2.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Graph maker</title>
<!-- <script src="https://d3js.org/d3.v6.min.js" defer></script> -->
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS_HTML-full"></script>
<script src="./graph.js" defer></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous" />
<link rel="stylesheet" href="graph.css">
</head>
<body>
<div id="app-area" class="d-flex-column justify-content-center">
<div id="svg-wrap" class="bg-dark flex-column"></div>
<div id="svg-buttons" class="text-center my-5 flex-column">
<button class="btn btn-primary" id="clear-graph">Clear All</button>
<button class="btn btn-primary" id="export-svg">Export SVG</button>
<div class="flex-column">
<input type="radio" class="btn-check" id="btn-check-outlined" autocomplete="off" checked>
<label class="btn btn-outline-secondary" for="btn-check-outlined">Undirected</label><br>
<input type="radio" class="btn-check" id="btn-check-outlined" autocomplete="off" disabled>
<label class="btn btn-outline-secondary" for="btn-check-outlined">Directed</label><br>
<input type="radio" class="btn-check" id="btn-check-outlined" autocomplete="off" disabled>
<label class="btn btn-outline-secondary" for="btn-check-outlined">Tree</label><br>
</div>
</div>
</div>
<div class="row my-5 mx-5">
<textarea name="output" id="output" cols="30" rows="10" class="col-sm"></textarea>
<div id="latex-output" class="col-sm"></div>
</div>
</body>
</html>