Vernier clock dial

clock-60x.svg

clock-double-notches.svg

clock-octuple-notches.svg

<svg
  width="2048"
  height="2048"
  viewBox="0 0 128 128"
  xmlns="http://www.w3.org/2000/svg"
>
  <script>
    const svg = document.querySelector("svg")
    try {
      window.onresize = ()=> {
        svg.width.baseVal.value = svg.clientWidth
        svg.height.baseVal.value = svg.clientHeight
      }
      window.onresize()
    } catch (_) {}

    const now = new Date()
    svg.setCurrentTime(now.getSeconds() + (now.getMinutes() + now.getHours() * 60) * 60)
  </script>

  <style>
    text {
      font: bold 4px sans-serif;
      text-anchor: middle;
    }
    line {
      stroke: black;
      stroke-width: 0.5px;
    }
  </style>

  <circle
    cx="64"
    cy="64"
    r="64"
    fill="white"
    stroke="black"
    stroke-width="0.5"
  />

  <circle
    cx="64"
    cy="64"
    r="39"
    fill="none"
    stroke="black"
    stroke-width="1.5"
  />

  <g id="hour-notches">
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(0 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(15 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(30 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(45 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(60 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(75 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(90 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(105 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(120 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(135 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(150 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(165 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(180 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(195 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(210 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(225 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(240 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(255 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(270 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(285 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(300 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(315 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(330 64 64)" />
  <line x1="64" x2="64" y1="6" y2="25" transform="rotate(345 64 64)" />
  </g>

  <g id="hours">
  <text x="64" y="4" transform="rotate(0 64 64)">0</text>
  <text x="64" y="4" transform="rotate(15 64 64)">1</text>
  <text x="64" y="4" transform="rotate(30 64 64)">2</text>
  <text x="64" y="4" transform="rotate(45 64 64)">3</text>
  <text x="64" y="4" transform="rotate(60 64 64)">4</text>
  <text x="64" y="4" transform="rotate(75 64 64)">5</text>
  <text x="64" y="4" transform="rotate(90 64 64)">6</text>
  <text x="64" y="4" transform="rotate(105 64 64)">7</text>
  <text x="64" y="4" transform="rotate(120 64 64)">8</text>
  <text x="64" y="4" transform="rotate(135 64 64)">9</text>
  <text x="64" y="4" transform="rotate(150 64 64)">10</text>
  <text x="64" y="4" transform="rotate(165 64 64)">11</text>
  <text x="64" y="4" transform="rotate(180 64 64)">12</text>
  <text x="64" y="4" transform="rotate(195 64 64)">13</text>
  <text x="64" y="4" transform="rotate(210 64 64)">14</text>
  <text x="64" y="4" transform="rotate(225 64 64)">15</text>
  <text x="64" y="4" transform="rotate(240 64 64)">16</text>
  <text x="64" y="4" transform="rotate(255 64 64)">17</text>
  <text x="64" y="4" transform="rotate(270 64 64)">18</text>
  <text x="64" y="4" transform="rotate(285 64 64)">19</text>
  <text x="64" y="4" transform="rotate(300 64 64)">20</text>
  <text x="64" y="4" transform="rotate(315 64 64)">21</text>
  <text x="64" y="4" transform="rotate(330 64 64)">22</text>
  <text x="64" y="4" transform="rotate(345 64 64)">23</text>
  </g>

  <g id="vernier-192">
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(0 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(1.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(3.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(5.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(7.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(9.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(11.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(13.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(15 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(16.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(18.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(20.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(22.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(24.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(26.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(28.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(30 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(31.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(33.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(35.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(37.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(39.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(41.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(43.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(45 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(46.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(48.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(50.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(52.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(54.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(56.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(58.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(60 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(61.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(63.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(65.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(67.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(69.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(71.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(73.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(76.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(78.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(80.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(82.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(84.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(86.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(88.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(90 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(91.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(93.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(95.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(97.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(99.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(101.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(103.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(105 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(106.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(108.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(110.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(112.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(114.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(116.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(118.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(120 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(121.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(123.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(125.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(127.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(129.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(131.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(133.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(135 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(136.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(138.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(140.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(142.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(144.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(146.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(148.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(150 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(151.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(153.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(155.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(157.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(159.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(161.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(163.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(165 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(166.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(168.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(170.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(172.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(174.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(176.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(178.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(180 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(181.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(183.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(185.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(187.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(189.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(191.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(193.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(195 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(196.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(198.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(200.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(202.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(204.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(206.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(208.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(210 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(211.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(213.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(215.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(217.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(219.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(221.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(223.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(225 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(226.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(228.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(230.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(232.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(234.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(236.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(238.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(240 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(241.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(243.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(245.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(247.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(249.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(251.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(253.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(255 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(256.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(258.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(260.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(262.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(264.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(266.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(268.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(270 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(271.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(273.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(275.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(277.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(279.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(281.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(283.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(285 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(286.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(288.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(290.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(292.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(294.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(296.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(298.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(300 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(301.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(303.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(305.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(307.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(309.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(311.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(313.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(315 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(316.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(318.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(320.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(322.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(324.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(326.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(328.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(330 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(331.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(333.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(335.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(337.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(339.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(341.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(343.125 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(345 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(346.875 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(348.75 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(350.625 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(352.5 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(354.375 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(356.25 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(358.125 64 64)" />
  </g>

  <g id="animated">

  <animateTransform
    attributeName="transform"
    attributeType="XML"
    type="rotate"
    from="0 64 64"
    to="360 64 64"
    dur="24h"
    repeatCount="indefinite"
  />
  <line x1="64" x2="64" y1="64" y2="6" stroke-width="1" stroke="red" />
  <circle
    cx="64"
    cy="3"
    r="3"
    fill="none"
    stroke="black"
    stroke-width="0.5"
  />

  <g id="vernier-193">
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(0 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(1.8652849740932642 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(3.7305699481865284 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(5.595854922279793 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(7.461139896373057 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(9.32642487046632 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(11.191709844559586 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(13.05699481865285 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(14.922279792746114 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(16.787564766839377 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(18.65284974093264 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(20.518134715025905 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(22.383419689119172 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(24.248704663212436 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(26.1139896373057 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(27.979274611398964 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(29.844559585492227 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(31.70984455958549 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(33.575129533678755 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(35.44041450777202 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(37.30569948186528 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(39.170984455958546 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(41.03626943005181 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(42.90155440414508 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(44.766839378238345 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(46.63212435233161 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(48.49740932642487 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(50.362694300518136 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(52.2279792746114 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(54.09326424870466 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(55.95854922279793 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(57.82383419689119 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(59.689119170984455 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(61.55440414507772 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(63.41968911917098 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(65.28497409326425 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(67.15025906735751 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(69.01554404145078 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(70.88082901554404 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(72.74611398963731 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(74.61139896373057 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(76.47668393782384 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(78.34196891191709 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(80.20725388601036 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(82.07253886010362 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(83.93782383419689 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(85.80310880829016 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(87.66839378238342 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(89.53367875647669 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(91.39896373056995 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(93.26424870466322 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(95.12953367875647 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(96.99481865284974 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(98.860103626943 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(100.72538860103627 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(102.59067357512953 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(104.4559585492228 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(106.32124352331606 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(108.18652849740933 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(110.05181347150258 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(111.91709844559585 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(113.78238341968913 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(115.64766839378238 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(117.51295336787565 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(119.37823834196891 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(121.24352331606218 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(123.10880829015544 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(124.97409326424871 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(126.83937823834196 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(128.70466321243524 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(130.5699481865285 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(132.43523316062175 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(134.30051813471502 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(136.1658031088083 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(138.03108808290156 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(139.89637305699483 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(141.76165803108807 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(143.62694300518135 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(145.49222797927462 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(147.3575129533679 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(149.22279792746113 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(151.0880829015544 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(152.95336787564767 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(154.81865284974094 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(156.68393782383419 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(158.54922279792746 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(160.41450777202073 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(162.279792746114 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(164.14507772020724 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(166.0103626943005 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(167.87564766839378 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(169.74093264248705 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(171.60621761658032 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(173.47150259067357 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(175.33678756476684 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(177.2020725388601 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(179.06735751295338 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(180.93264248704662 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(182.7979274611399 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(184.66321243523316 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(186.52849740932643 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(188.39378238341968 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(190.25906735751295 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(192.12435233160622 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(193.9896373056995 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(195.85492227979276 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(197.720207253886 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(199.58549222797927 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(201.45077720207254 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(203.31606217616581 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(205.18134715025906 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(207.04663212435233 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(208.9119170984456 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(210.77720207253887 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(212.6424870466321 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(214.50777202072538 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(216.37305699481865 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(218.23834196891193 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(220.10362694300517 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(221.96891191709844 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(223.8341968911917 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(225.69948186528498 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(227.56476683937825 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(229.4300518134715 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(231.29533678756476 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(233.16062176165804 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(235.0259067357513 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(236.89119170984455 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(238.75647668393782 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(240.6217616580311 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(242.48704663212436 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(244.3523316062176 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(246.21761658031087 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(248.08290155440415 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(249.94818652849742 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(251.8134715025907 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(253.67875647668393 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(255.5440414507772 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(257.40932642487047 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(259.2746113989637 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(261.139896373057 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(263.00518134715026 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(264.8704663212435 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(266.7357512953368 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(268.60103626943004 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(270.46632124352334 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(272.3316062176166 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(274.1968911917098 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(276.0621761658031 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(277.92746113989637 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(279.79274611398966 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(281.6580310880829 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(283.52331606217615 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(285.38860103626945 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(287.2538860103627 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(289.11917098445593 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(290.98445595854923 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(292.8497409326425 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(294.7150259067358 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(296.580310880829 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(298.44559585492226 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(300.31088082901556 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(302.1761658031088 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(304.04145077720204 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(305.90673575129534 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(307.7720207253886 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(309.6373056994819 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(311.5025906735751 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(313.36787564766837 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(315.23316062176167 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(317.0984455958549 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(318.9637305699482 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(320.82901554404145 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(322.6943005181347 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(324.559585492228 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(326.42487046632124 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(328.2901554404145 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(330.1554404145078 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(332.020725388601 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(333.8860103626943 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(335.75129533678756 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(337.6165803108808 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(339.4818652849741 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(341.34715025906735 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(343.21243523316065 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(345.0777202072539 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(346.94300518134713 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(348.80829015544043 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(350.6735751295337 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(352.5388601036269 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(354.4041450777202 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(356.26943005181346 64 64)" />
  <line x1="64" x2="64" y1="10" y2="25" transform="rotate(358.13471502590676 64 64)" />
  </g>

  <g id="minute-notches">
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(0 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(6 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(12 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(18 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(24 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(30 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(36 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(42 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(48 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(54 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(60 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(66 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(72 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(78 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(84 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(90 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(96 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(102 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(108 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(114 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(120 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(126 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(132 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(138 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(144 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(150 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(156 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(162 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(168 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(174 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(180 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(186 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(192 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(198 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(204 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(210 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(216 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(222 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(228 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(234 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(240 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(246 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(252 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(258 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(264 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(270 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(276 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(282 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(288 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(294 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(300 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(306 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(312 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(318 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(324 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(330 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(336 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(342 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(348 64 64)" />
  <line x1="64" x2="64" y1="25" y2="28" transform="rotate(354 64 64)" />
  </g>

  <g id="minutes">
  <text x="64" y="32" transform="rotate(30 64 64)">5</text>
  <text x="64" y="32" transform="rotate(60 64 64)">10</text>
  <text x="64" y="32" transform="rotate(90 64 64)">15</text>
  <text x="64" y="32" transform="rotate(120 64 64)">20</text>
  <text x="64" y="32" transform="rotate(150 64 64)">25</text>
  <text x="64" y="32" transform="rotate(180 64 64)">30</text>
  <text x="64" y="32" transform="rotate(210 64 64)">35</text>
  <text x="64" y="32" transform="rotate(240 64 64)">40</text>
  <text x="64" y="32" transform="rotate(270 64 64)">45</text>
  <text x="64" y="32" transform="rotate(300 64 64)">50</text>
  <text x="64" y="32" transform="rotate(330 64 64)">55</text>
  </g>

  <g id="animated-seconds">

    <animateTransform
      attributeName="transform"
      attributeType="XML"
      type="rotate"
      from="0 64 64"
      to="360 64 64"
      dur="60s"
      repeatCount="indefinite"
    />
    <line x1="64" x2="64" y1="64" y2="32" stroke-width="1" stroke="red" />
  </g>
  </g>

</svg>

clock-quadruple-notches.svg

clock.svg

generate.js

let svg = `\
<svg
  width="2048"
  height="2048"
  viewBox="0 0 128 128"
  xmlns="http://www.w3.org/2000/svg"
>
  <script>
    const svg = document.querySelector("svg")
    try {
      window.onresize = ()=> {
        svg.width.baseVal.value = svg.clientWidth
        svg.height.baseVal.value = svg.clientHeight
      }
      window.onresize()
    } catch (_) {}

    const now = new Date()
    svg.setCurrentTime(now.getSeconds() + (now.getMinutes() + now.getHours() * 60) * 60)
  </script>

  <style>
    text {
      font: bold 4px sans-serif;
      text-anchor: middle;
    }
    line {
      stroke: black;
      stroke-width: 0.5px;
    }
  </style>

  <circle
    cx="64"
    cy="64"
    r="64"
    fill="white"
    stroke="black"
    stroke-width="0.5"
  />

  <circle
    cx="64"
    cy="64"
    r="39"
    fill="none"
    stroke="black"
    stroke-width="1.5"
  />
`

function g(id, writeLines) {
  svg += `\n  <g id="${id}">\n`
  writeLines()
  svg += `  </g>\n`
}

function notches(id, count, y1, y2) {
  g(id, () => {
    for (let i = 0; i < count; ++i) {
      const angle = 360 * i / count
      svg += `  <line x1="64" x2="64" y1="${y1}" y2="${y2}" transform="rotate(${angle} 64 64)" />\n`
    }
  })
}

notches("hour-notches", 24, 6, 25)
g("hours", () => {
  for (let hour = 0; hour < 24; ++hour) {
    const angle = 360 * hour / 24
    svg += `  <text x="64" y="4" transform="rotate(${angle} 64 64)">${hour}</text>\n`
  }
})

notches("vernier-48", 48, 10, 25)

const timeFactor = 1

g("animated", () => {
  svg += `
  <animateTransform
    attributeName="transform"
    attributeType="XML"
    type="rotate"
    from="0 64 64"
    to="360 64 64"
    dur="${timeFactor === 1 ? "24h" : `${Math.round(24 * 60 * 60 / timeFactor)}s`}"
    repeatCount="indefinite"
  />
  <line x1="64" x2="64" y1="64" y2="6" stroke-width="1" stroke="red" />
  <circle
    cx="64"
    cy="3"
    r="3"
    fill="none"
    stroke="black"
    stroke-width="0.5"
  />
`

  notches("vernier-49", 49, 10, 25)

  notches("minute-notches", 60, 25, 28)
  g(`minutes`, () => {
    for (let minute = 0; minute < 60; minute += 5) {
      if (minute != 0) {
        const angle = 360 * minute / 60
        svg += `  <text x="64" y="32" transform="rotate(${angle} 64 64)">${minute}</text>\n`
      }
    }
  })

  g("animated-seconds", () => {
    svg += `
    <animateTransform
      attributeName="transform"
      attributeType="XML"
      type="rotate"
      from="0 64 64"
      to="360 64 64"
      dur="${timeFactor === 1 ? "60s" : `${Math.round(60_000 / timeFactor)}ms`}"
      repeatCount="indefinite"
    />
    <line x1="64" x2="64" y1="64" y2="32" stroke-width="1" stroke="red" />
`
  })
})

svg += `
</svg>
`

console.log(svg)