Nice, what'd you use for drawing it?

Vanilla JS API:

  <canvas id="my-canvas"></canvas>

  <div style="display: none;">
    <img id="asset-foo" src="/img/foo.svg" />
    <!-- ... -->
  </div>

  <script defer type="application/javascript">
    window.addEventListener("DOMContentLoaded", () => {
      const canvas = document.getElementById("my-canvas")
      const context = canvas.getContext("2d")

      const fooAsset = document.getElementById("asset-foo")

      // ...

      const frame = () => {
        canvas.clearRect(0, 0, canvas.width, canvas.height)

        // NB: this will fail if image could not be loaded by the browser
        context.drawImage(fooAsset, x, y, w, h)

        // ...

        requestAnimationFrame(frame)
      }
      requestAnimationFrame(frame)
    })
  </script>

The result can be seen here: http://bd2e-77-141-81-91.ngrok.io

(I'll shut down the ngrok in a few hours)

Yeah! looks awesome and fresh.

Thanks!

The design is inspired by star trek's LCARS (the computer interface in The Next Generation) ^^