Reuleaux animated by fil

index.html

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <style>
    body { margin-top:2em;position:fixed;top:0;right:0;bottom:0;left:0; }
  </style>


  <script type="module">
  import notebook from "https://api.observablehq.com/d/fb956bd345bd9b97.js"
  
  const renders = {
    "ANIMATED": "#ANIMATED",
  };

  import {Inspector, Runtime} from "https://unpkg.com/@observablehq/notebook-runtime@1.2.0?module";
  for (let i in renders)
    renders[i] = document.querySelector(renders[i]);

  Runtime.load(notebook, (variable) => {
    if (renders[variable.name])
      return new Inspector(renders[variable.name]);
  });
  
  </script>

</head>

<body>
  <div id="ANIMATED"></div>
</body>