compute/js/SampleBrepIsocurves/index.html

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <link rel="icon" href="data:;base64,=">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Rhino Compute Sample - Brep Isocurves</title>
    <style>
      body {
        margin: 0px;
        overflow: hidden;
      }

      .inner {
        margin:3px 0px 3px 0px;
      }

      #controls {
        display:flex;
        flex-direction:column;
        overflow:auto;
        position: absolute;
        top: 0px;
        padding: 10px;
      }
    </style>
  </head>

  <body>

    <div id="glcanvas"></div>
    <div id="controls">
      <button class="inner" id="btn-load">Load Model</button>
      <div class="inner"><input type="checkbox" checked="true" id="input-wires">Wires</input></div>
      <div class="inner"><input type="checkbox" checked="true" id="input-meshes">Meshes</input></div>
    </div>

    <!-- Import maps polyfill -->
    <!-- Remove this when import maps will be widely supported -->
    <script async src="https://unpkg.com/es-module-shims@1.7.0/dist/es-module-shims.js"></script>

    <script type="importmap">
        {
            "imports": {
                "three": "https://unpkg.com/three@0.144.0/build/three.module.js",
                "three/examples/jsm/controls/OrbitControls": "https://unpkg.com/three@0.144.0/examples/jsm/controls/OrbitControls.js",
                "rhino3dm":"https://unpkg.com/rhino3dm@8.0.0-beta/rhino3dm.module.js",
                "rhinocompute": "https://www.unpkg.com/compute-rhino3d@0.13.0-beta/compute.rhino3d.module.js"
            }
        }
    </script> 

    <script type="module" src="script.js"></script>
  </body>
</html>