baudot.ejs

<% var colors=["blue", "green", "black", "white", "yellow", "purple"]; %>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="600px" viewBox="-300 -200 600 400" xmlns="http://www.w3.org/2000/svg" version="1.1">


  <circle cx="0" cy="0" r="155" fill="red" stroke="none"  />
<% for (var i = 0; i < 6; i++) { %>
    <path id="<%= 'segment_' + i %>" d="<%= makeSegmentPath() %>" fill="<%= colors[i] %>" stroke="none" stroke-width="4" transform="<%= getSegmentRotation(i) %>"/>
<% } %>

    <line id="hand" x1="0" y1="0" x2="0" y2="-143" stroke="black" stroke-width="8" />
    <circle cx="0" cy="0" r="10" fill="black" stroke="none"  />

</svg>