<html>
  <head>
    <title>Dot Waves</title>
  </head>
  <body>
    <canvas width="800" height="500" id="dot-waves"></canvas>
  </body>
</html>

canvas {
  width: 400px;
  height: 250px;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
  
  height: 100vh;
  margin: 0;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://firebasestorage.googleapis.com/v0/b/axolotl-industries.appspot.com/o/babbles%2Fdot-waves-a-purescript-short-story%2Fdot-waves.c4eeb6.js?alt=media&token=cc6fc99f-e14e-4d5e-8523-f72e809adfaf