index.html

<!-- Copyright (c) 2022 Tobias Briones. All rights reserved. -->
<!-- SPDX-License-Identifier: BSD-3-Clause -->
<!-- This file is part of https://github.com/mathsoftware/engineer -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <meta
      name="description"
      content="Article Example Project that renders the tree in HTML5 Canvas with TypeScript"
    />
    <meta
      name="keywords"
      content="Tree, Model Visualization, OR, Recursion, Math, Canvas, HTML"
    />
    <meta
      name="author"
      content="Tobias Briones"
    />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0"
    />

    <meta name="theme-color" content="#455a64"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>

    <title>
      EP: MRM Solution Tree | Drawing a Tree on Canvas with XY Coordinates |
      mathsoftware.engineer
    </title>

    <link
      rel="icon"
      href="https://raw.githubusercontent.com/tobiasbriones/mathsoftware.engineer/static/logos/mathswe/mathswe-small.png"
      type="image/png"
    />
    <link
      rel="apple-touch-icon"
      href="https://raw.githubusercontent.com/tobiasbriones/mathsoftware.engineer/static/logos/mathswe/mathswe-small.png"
    />
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Poppins&display=swap"
    >
  </head>

  <body>
    <header>
      <nav>
        <h1>
          EP: MRM Solution Tree
        </h1>
      </nav>
    </header>

    <div class="tree-container">
      <div id="solutionTreeParent">
        <canvas id="solutionTree"></canvas>
      </div>
    </div>

    <div id="error"></div>

    <div>
      <a href="root-node.json">Tree Model: root-node.json</a>
    </div>

    <footer>
      <h2>
        <a href="../../">
          Drawing a Tree on Canvas with XY Coordinates
        </a>
      </h2>
    </footer>
  </body>
</html>