Showcase

Showcase

#!/usr/bin/env -S ruby -S sevgi
# Example taken from: https://svg-tutorial.com/svg/use

SVG :minimal, width: 200, height: 200, viewBox: "-100 -100 200 200" do
  path id: "branch", stroke: "#e5c39c", "stroke-width": 5, d: <<~'PATH'
    M 0 0 L 0 -90
    M 0 -20 L 20 -34
    M 0 -20 L -20 -34
    M 0 -40 L 20 -54
    M 0 -40 L -20 -54
    M 0 -60 L 20 -74
    M 0 -60 L -20 -74
  PATH

  60.step(300, 60) { use(href: "#branch").Rotate(it) }
end.Save


#!/usr/bin/env -S ruby -S sevgi
# Example taken from: https://svg-tutorial.com/svg/use

SVG :minimal, width: 200, height: 200, viewBox: "-100 -100 200 200" do
  path id: "branch", stroke: "#e5c39c", "stroke-width": 5, d: <<~'PATH'
    M 0 0 L 0 -90
    M 0 -20 L 20 -34
    M 0 -20 L -20 -34
    M 0 -40 L 20 -54
    M 0 -40 L -20 -54
    M 0 -60 L 20 -74
    M 0 -60 L -20 -74
  PATH

  60.step(300, 60) { use(href: "#branch").Rotate(it) }
end.Save


<svg width="200" height="200" viewBox="-100 -100 200 200">
  <path
    id="branch"
    stroke="#e5c39c"
    stroke-width="5"
    d="M 0 0 L 0 -90
M 0 -20 L 20 -34
M 0 -20 L -20 -34
M 0 -40 L 20 -54
M 0 -40 L -20 -54
M 0 -60 L 20 -74
M 0 -60 L -20 -74
"
  />
  <use href="#branch" transform="rotate(60)"/>
  <use href="#branch" transform="rotate(120)"/>
  <use href="#branch" transform="rotate(180)"/>
  <use href="#branch" transform="rotate(240)"/>
  <use href="#branch" transform="rotate(300)"/>
</svg>


<svg width="200" height="200" viewBox="-100 -100 200 200">
  <path
    id="branch"
    stroke="#e5c39c"
    stroke-width="5"
    d="M 0 0 L 0 -90
M 0 -20 L 20 -34
M 0 -20 L -20 -34
M 0 -40 L 20 -54
M 0 -40 L -20 -54
M 0 -60 L 20 -74
M 0 -60 L -20 -74
"
  />
  <use href="#branch" transform="rotate(60)"/>
  <use href="#branch" transform="rotate(120)"/>
  <use href="#branch" transform="rotate(180)"/>
  <use href="#branch" transform="rotate(240)"/>
  <use href="#branch" transform="rotate(300)"/>
</svg>


#!/usr/bin/env -S ruby -S sevgi

SVG :minimal, width: 200, height: 100 do
  rect id: "frame", width: 200, height: 100, rx: 5, fill: "white"

  circle id: "head", cx: 80, cy: 50, r: 40, fill: "purple"
  circle id: "eye", cx: 90, cy: 28, r: 6, fill: "white"
  polygon id: "mouth", points: %w[ 80,50 120,20 120,80 ], fill: "white"

  symbol id: "dot" do
    circle cx: 120, cy: 50, r: 6, fill: "purple"
  end
  g id: "dots" do
    TileX "dot", n: 3, d: 18
  end
end.Save


#!/usr/bin/env -S ruby -S sevgi

SVG :minimal, width: 200, height: 100 do
  rect id: "frame", width: 200, height: 100, rx: 5, fill: "#222222"

  circle id: "head", cx: 80, cy: 50, r: 40, fill: "#e5c39c"
  circle id: "eye", cx: 90, cy: 28, r: 6, fill: "#222222"
  polygon id: "mouth", points: %w[ 80,50 120,20 120,80 ], fill: "#222222"

  symbol id: "dot" do
    circle cx: 120, cy: 50, r: 6, fill: "#e5c39c"
  end
  g id: "dots" do
    TileX "dot", n: 3, d: 18
  end
end.Save


<svg width="200" height="100">
  <rect id="frame" width="200" height="100" rx="5" fill="white"/>
  <circle id="head" cx="80" cy="50" r="40" fill="purple"/>
  <circle id="eye" cx="90" cy="28" r="6" fill="white"/>
  <polygon id="mouth" points="80,50 120,20 120,80" fill="white"/>
  <symbol id="dot">
    <circle cx="120" cy="50" r="6" fill="purple"/>
  </symbol>
  <g id="dots">
    <use id="dot-1" href="#dot" class="tile-col-1 tile-col-first"/>
    <use id="dot-2" href="#dot" class="tile-col-2" x="18"/>
    <use id="dot-3" href="#dot" class="tile-col-3 tile-col-last" x="36"/>
  </g>
</svg>


<svg width="200" height="100">
  <rect id="frame" width="200" height="100" rx="5" fill="#222222"/>
  <circle id="head" cx="80" cy="50" r="40" fill="#e5c39c"/>
  <circle id="eye" cx="90" cy="28" r="6" fill="#222222"/>
  <polygon id="mouth" points="80,50 120,20 120,80" fill="#222222"/>
  <symbol id="dot">
    <circle cx="120" cy="50" r="6" fill="#e5c39c"/>
  </symbol>
  <g id="dots">
    <use id="dot-1" href="#dot" class="tile-col-1 tile-col-first"/>
    <use id="dot-2" href="#dot" class="tile-col-2" x="18"/>
    <use id="dot-3" href="#dot" class="tile-col-3 tile-col-last" x="36"/>
  </g>
</svg>


#!/usr/bin/env -S ruby -S sevgi
# frozen_string_literal: true

SVG width: 100, height: 100 do
  rect x: 0, y: 0, width: 100, height: 100, fill: "white"
  circle cx: 50, cy: 50, r: 40, fill: "purple"
  rect x: 10, y: 50, width: 80, height: 50, fill: "purple"

  [ 25, 50 ].each do |x|
    circle cx: x, cy: 40, r: 8, fill: "white"
  end

  path fill: "white", d: %w[
    M11 100 l13 -15 l13 15 l13 -15
    l13 15 l13 -15 l13 15 Z
  ]
end.Save


#!/usr/bin/env -S ruby -S sevgi
# frozen_string_literal: true

SVG width: 100, height: 100 do
  rect x: 0, y: 0, width: 100, height: 100, fill: "#222222"
  circle cx: 50, cy: 50, r: 40, fill: "#e5c39c"
  rect x: 10, y: 50, width: 80, height: 50, fill: "#e5c39c"

  [ 25, 50 ].each do |x|
    circle cx: x, cy: 40, r: 8, fill: "#222222"
  end

  path fill: "#222222", d: %w[
    M11 100 l13 -15 l13 15 l13 -15
    l13 15 l13 -15 l13 15 Z
  ]
end.Save


<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
  <rect x="0" y="0" width="100" height="100" fill="white"/>
  <circle cx="50" cy="50" r="40" fill="purple"/>
  <rect x="10" y="50" width="80" height="50" fill="purple"/>
  <circle cx="25" cy="40" r="8" fill="white"/>
  <circle cx="50" cy="40" r="8" fill="white"/>
  <path fill="white" d="M11 100 l13 -15 l13 15 l13 -15 l13 15 l13 -15 l13 15 Z"/>
</svg>


<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
  <rect x="0" y="0" width="100" height="100" fill="#222222"/>
  <circle cx="50" cy="50" r="40" fill="#e5c39c"/>
  <rect x="10" y="50" width="80" height="50" fill="#e5c39c"/>
  <circle cx="25" cy="40" r="8" fill="#222222"/>
  <circle cx="50" cy="40" r="8" fill="#222222"/>
  <path fill="#222222" d="M11 100 l13 -15 l13 15 l13 -15 l13 15 l13 -15 l13 15 Z"/>
</svg>


#!/usr/bin/env -S ruby -S sevgi

WIDTH   = 150 # 15 cm width (ruler's length)
HEIGHT  = 20  # 2  cm height

STYLE = {
  ".labels": { fill:   "black", font: "3pt monospace"             },
  ".majors": { stroke: "black", "stroke-width": 0.2               },
  ".halves": { stroke: "black", "stroke-width": 0.1               },
  ".minors": { stroke: "black", "stroke-width": 0.1               },
  ".frame":  { stroke: "black", "stroke-width": 0.1, fill: "none" }
}

SVG width: "210mm", height: "50mm", viewBox: "0 0 210 50" do
  css STYLE

  rect id: "frame", width: WIDTH, height: HEIGHT, class: "frame"

  layer id: "minors" do
    length = 2

    (0..WIDTH).step(1) do |x|
      vline x:, y: 0, length: length, class: "minors"
      vline x:, y: HEIGHT, length: -length, class: "minors"
    end
  end

  layer id: "halves" do
    length = 4

    (0..WIDTH).step(5) do |x|
      vline x:, y: 0, length: length, class: "minors"
      vline x:, y: HEIGHT, length: -length, class: "minors"
    end
  end

  layer id: "majors" do
    length = 6

    (10..WIDTH - 10).step(10) do |x|
      vline x:, y: 0, length: length, class: "minors"
      vline x:, y: HEIGHT, length: -length, class: "minors"
    end

    layer id: "labels" do
      (10..WIDTH - 10).step(10).each_with_index do |x, i|
        text "#{i + 1}", "text-anchor": "middle", x:, y: length + 5.5, class: "labels"
      end
    end
  end
end.Save


#!/usr/bin/env -S ruby -S sevgi

WIDTH   = 150 # 15 cm width (ruler's length)
HEIGHT  = 20  # 2  cm height

STYLE = {
  ".labels": { fill:   "white", font: "3pt monospace"             },
  ".majors": { stroke: "white", "stroke-width": 0.2               },
  ".halves": { stroke: "white", "stroke-width": 0.1               },
  ".minors": { stroke: "white", "stroke-width": 0.1               },
  ".frame":  { stroke: "white", "stroke-width": 0.1, fill: "none" }
}

SVG width: "210mm", height: "50mm", viewBox: "0 0 210 50" do
  css STYLE

  rect id: "frame", width: WIDTH, height: HEIGHT, class: "frame"

  layer id: "minors" do
    length = 2

    (0..WIDTH).step(1) do |x|
      vline x:, y: 0, length: length, class: "minors"
      vline x:, y: HEIGHT, length: -length, class: "minors"
    end
  end

  layer id: "halves" do
    length = 4

    (0..WIDTH).step(5) do |x|
      vline x:, y: 0, length: length, class: "minors"
      vline x:, y: HEIGHT, length: -length, class: "minors"
    end
  end

  layer id: "majors" do
    length = 6

    (10..WIDTH - 10).step(10) do |x|
      vline x:, y: 0, length: length, class: "minors"
      vline x:, y: HEIGHT, length: -length, class: "minors"
    end

    layer id: "labels" do
      (10..WIDTH - 10).step(10).each_with_index do |x, i|
        text "#{i + 1}", "text-anchor": "middle", x:, y: length + 5.5, class: "labels"
      end
    end
  end
end.Save


<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="210mm" height="50mm" viewBox="0 0 210 50">
  <style type="text/css">
    <![CDATA[
      .labels {
        fill: black;
        font: 3pt monospace;
      }
      .majors {
        stroke: black;
        stroke-width: 0.2;
      }
      .halves {
        stroke: black;
        stroke-width: 0.1;
      }
      .minors {
        stroke: black;
        stroke-width: 0.1;
      }
      .frame {
        stroke: black;
        stroke-width: 0.1;
        fill: none;
      }
    ]]>
  </style>
  <rect id="frame" width="150" height="20" class="frame"/>
  <g id="minors">
    <path d="M 0 0 v 2" class="minors"/>
    <path d="M 0 20 v -2" class="minors"/>
    <path d="M 1 0 v 2" class="minors"/>
    <path d="M 1 20 v -2" class="minors"/>
    <path d="M 2 0 v 2" class="minors"/>
    <path d="M 2 20 v -2" class="minors"/>
    <path d="M 3 0 v 2" class="minors"/>
    <path d="M 3 20 v -2" class="minors"/>
    <path d="M 4 0 v 2" class="minors"/>
    <path d="M 4 20 v -2" class="minors"/>
    <path d="M 5 0 v 2" class="minors"/>
    <path d="M 5 20 v -2" class="minors"/>
    <path d="M 6 0 v 2" class="minors"/>
    <path d="M 6 20 v -2" class="minors"/>
    <path d="M 7 0 v 2" class="minors"/>
    <path d="M 7 20 v -2" class="minors"/>
    <path d="M 8 0 v 2" class="minors"/>
    <path d="M 8 20 v -2" class="minors"/>
    <path d="M 9 0 v 2" class="minors"/>
    <path d="M 9 20 v -2" class="minors"/>
    <path d="M 10 0 v 2" class="minors"/>
    <path d="M 10 20 v -2" class="minors"/>
    <path d="M 11 0 v 2" class="minors"/>
    <path d="M 11 20 v -2" class="minors"/>
    <path d="M 12 0 v 2" class="minors"/>
    <path d="M 12 20 v -2" class="minors"/>
    <path d="M 13 0 v 2" class="minors"/>
    <path d="M 13 20 v -2" class="minors"/>
    <path d="M 14 0 v 2" class="minors"/>
    <path d="M 14 20 v -2" class="minors"/>
    <path d="M 15 0 v 2" class="minors"/>
    <path d="M 15 20 v -2" class="minors"/>
    <path d="M 16 0 v 2" class="minors"/>
    <path d="M 16 20 v -2" class="minors"/>
    <path d="M 17 0 v 2" class="minors"/>
    <path d="M 17 20 v -2" class="minors"/>
    <path d="M 18 0 v 2" class="minors"/>
    <path d="M 18 20 v -2" class="minors"/>
    <path d="M 19 0 v 2" class="minors"/>
    <path d="M 19 20 v -2" class="minors"/>
    <path d="M 20 0 v 2" class="minors"/>
    <path d="M 20 20 v -2" class="minors"/>
    <path d="M 21 0 v 2" class="minors"/>
    <path d="M 21 20 v -2" class="minors"/>
    <path d="M 22 0 v 2" class="minors"/>
    <path d="M 22 20 v -2" class="minors"/>
    <path d="M 23 0 v 2" class="minors"/>
    <path d="M 23 20 v -2" class="minors"/>
    <path d="M 24 0 v 2" class="minors"/>
    <path d="M 24 20 v -2" class="minors"/>
    <path d="M 25 0 v 2" class="minors"/>
    <path d="M 25 20 v -2" class="minors"/>
    <path d="M 26 0 v 2" class="minors"/>
    <path d="M 26 20 v -2" class="minors"/>
    <path d="M 27 0 v 2" class="minors"/>
    <path d="M 27 20 v -2" class="minors"/>
    <path d="M 28 0 v 2" class="minors"/>
    <path d="M 28 20 v -2" class="minors"/>
    <path d="M 29 0 v 2" class="minors"/>
    <path d="M 29 20 v -2" class="minors"/>
    <path d="M 30 0 v 2" class="minors"/>
    <path d="M 30 20 v -2" class="minors"/>
    <path d="M 31 0 v 2" class="minors"/>
    <path d="M 31 20 v -2" class="minors"/>
    <path d="M 32 0 v 2" class="minors"/>
    <path d="M 32 20 v -2" class="minors"/>
    <path d="M 33 0 v 2" class="minors"/>
    <path d="M 33 20 v -2" class="minors"/>
    <path d="M 34 0 v 2" class="minors"/>
    <path d="M 34 20 v -2" class="minors"/>
    <path d="M 35 0 v 2" class="minors"/>
    <path d="M 35 20 v -2" class="minors"/>
    <path d="M 36 0 v 2" class="minors"/>
    <path d="M 36 20 v -2" class="minors"/>
    <path d="M 37 0 v 2" class="minors"/>
    <path d="M 37 20 v -2" class="minors"/>
    <path d="M 38 0 v 2" class="minors"/>
    <path d="M 38 20 v -2" class="minors"/>
    <path d="M 39 0 v 2" class="minors"/>
    <path d="M 39 20 v -2" class="minors"/>
    <path d="M 40 0 v 2" class="minors"/>
    <path d="M 40 20 v -2" class="minors"/>
    <path d="M 41 0 v 2" class="minors"/>
    <path d="M 41 20 v -2" class="minors"/>
    <path d="M 42 0 v 2" class="minors"/>
    <path d="M 42 20 v -2" class="minors"/>
    <path d="M 43 0 v 2" class="minors"/>
    <path d="M 43 20 v -2" class="minors"/>
    <path d="M 44 0 v 2" class="minors"/>
    <path d="M 44 20 v -2" class="minors"/>
    <path d="M 45 0 v 2" class="minors"/>
    <path d="M 45 20 v -2" class="minors"/>
    <path d="M 46 0 v 2" class="minors"/>
    <path d="M 46 20 v -2" class="minors"/>
    <path d="M 47 0 v 2" class="minors"/>
    <path d="M 47 20 v -2" class="minors"/>
    <path d="M 48 0 v 2" class="minors"/>
    <path d="M 48 20 v -2" class="minors"/>
    <path d="M 49 0 v 2" class="minors"/>
    <path d="M 49 20 v -2" class="minors"/>
    <path d="M 50 0 v 2" class="minors"/>
    <path d="M 50 20 v -2" class="minors"/>
    <path d="M 51 0 v 2" class="minors"/>
    <path d="M 51 20 v -2" class="minors"/>
    <path d="M 52 0 v 2" class="minors"/>
    <path d="M 52 20 v -2" class="minors"/>
    <path d="M 53 0 v 2" class="minors"/>
    <path d="M 53 20 v -2" class="minors"/>
    <path d="M 54 0 v 2" class="minors"/>
    <path d="M 54 20 v -2" class="minors"/>
    <path d="M 55 0 v 2" class="minors"/>
    <path d="M 55 20 v -2" class="minors"/>
    <path d="M 56 0 v 2" class="minors"/>
    <path d="M 56 20 v -2" class="minors"/>
    <path d="M 57 0 v 2" class="minors"/>
    <path d="M 57 20 v -2" class="minors"/>
    <path d="M 58 0 v 2" class="minors"/>
    <path d="M 58 20 v -2" class="minors"/>
    <path d="M 59 0 v 2" class="minors"/>
    <path d="M 59 20 v -2" class="minors"/>
    <path d="M 60 0 v 2" class="minors"/>
    <path d="M 60 20 v -2" class="minors"/>
    <path d="M 61 0 v 2" class="minors"/>
    <path d="M 61 20 v -2" class="minors"/>
    <path d="M 62 0 v 2" class="minors"/>
    <path d="M 62 20 v -2" class="minors"/>
    <path d="M 63 0 v 2" class="minors"/>
    <path d="M 63 20 v -2" class="minors"/>
    <path d="M 64 0 v 2" class="minors"/>
    <path d="M 64 20 v -2" class="minors"/>
    <path d="M 65 0 v 2" class="minors"/>
    <path d="M 65 20 v -2" class="minors"/>
    <path d="M 66 0 v 2" class="minors"/>
    <path d="M 66 20 v -2" class="minors"/>
    <path d="M 67 0 v 2" class="minors"/>
    <path d="M 67 20 v -2" class="minors"/>
    <path d="M 68 0 v 2" class="minors"/>
    <path d="M 68 20 v -2" class="minors"/>
    <path d="M 69 0 v 2" class="minors"/>
    <path d="M 69 20 v -2" class="minors"/>
    <path d="M 70 0 v 2" class="minors"/>
    <path d="M 70 20 v -2" class="minors"/>
    <path d="M 71 0 v 2" class="minors"/>
    <path d="M 71 20 v -2" class="minors"/>
    <path d="M 72 0 v 2" class="minors"/>
    <path d="M 72 20 v -2" class="minors"/>
    <path d="M 73 0 v 2" class="minors"/>
    <path d="M 73 20 v -2" class="minors"/>
    <path d="M 74 0 v 2" class="minors"/>
    <path d="M 74 20 v -2" class="minors"/>
    <path d="M 75 0 v 2" class="minors"/>
    <path d="M 75 20 v -2" class="minors"/>
    <path d="M 76 0 v 2" class="minors"/>
    <path d="M 76 20 v -2" class="minors"/>
    <path d="M 77 0 v 2" class="minors"/>
    <path d="M 77 20 v -2" class="minors"/>
    <path d="M 78 0 v 2" class="minors"/>
    <path d="M 78 20 v -2" class="minors"/>
    <path d="M 79 0 v 2" class="minors"/>
    <path d="M 79 20 v -2" class="minors"/>
    <path d="M 80 0 v 2" class="minors"/>
    <path d="M 80 20 v -2" class="minors"/>
    <path d="M 81 0 v 2" class="minors"/>
    <path d="M 81 20 v -2" class="minors"/>
    <path d="M 82 0 v 2" class="minors"/>
    <path d="M 82 20 v -2" class="minors"/>
    <path d="M 83 0 v 2" class="minors"/>
    <path d="M 83 20 v -2" class="minors"/>
    <path d="M 84 0 v 2" class="minors"/>
    <path d="M 84 20 v -2" class="minors"/>
    <path d="M 85 0 v 2" class="minors"/>
    <path d="M 85 20 v -2" class="minors"/>
    <path d="M 86 0 v 2" class="minors"/>
    <path d="M 86 20 v -2" class="minors"/>
    <path d="M 87 0 v 2" class="minors"/>
    <path d="M 87 20 v -2" class="minors"/>
    <path d="M 88 0 v 2" class="minors"/>
    <path d="M 88 20 v -2" class="minors"/>
    <path d="M 89 0 v 2" class="minors"/>
    <path d="M 89 20 v -2" class="minors"/>
    <path d="M 90 0 v 2" class="minors"/>
    <path d="M 90 20 v -2" class="minors"/>
    <path d="M 91 0 v 2" class="minors"/>
    <path d="M 91 20 v -2" class="minors"/>
    <path d="M 92 0 v 2" class="minors"/>
    <path d="M 92 20 v -2" class="minors"/>
    <path d="M 93 0 v 2" class="minors"/>
    <path d="M 93 20 v -2" class="minors"/>
    <path d="M 94 0 v 2" class="minors"/>
    <path d="M 94 20 v -2" class="minors"/>
    <path d="M 95 0 v 2" class="minors"/>
    <path d="M 95 20 v -2" class="minors"/>
    <path d="M 96 0 v 2" class="minors"/>
    <path d="M 96 20 v -2" class="minors"/>
    <path d="M 97 0 v 2" class="minors"/>
    <path d="M 97 20 v -2" class="minors"/>
    <path d="M 98 0 v 2" class="minors"/>
    <path d="M 98 20 v -2" class="minors"/>
    <path d="M 99 0 v 2" class="minors"/>
    <path d="M 99 20 v -2" class="minors"/>
    <path d="M 100 0 v 2" class="minors"/>
    <path d="M 100 20 v -2" class="minors"/>
    <path d="M 101 0 v 2" class="minors"/>
    <path d="M 101 20 v -2" class="minors"/>
    <path d="M 102 0 v 2" class="minors"/>
    <path d="M 102 20 v -2" class="minors"/>
    <path d="M 103 0 v 2" class="minors"/>
    <path d="M 103 20 v -2" class="minors"/>
    <path d="M 104 0 v 2" class="minors"/>
    <path d="M 104 20 v -2" class="minors"/>
    <path d="M 105 0 v 2" class="minors"/>
    <path d="M 105 20 v -2" class="minors"/>
    <path d="M 106 0 v 2" class="minors"/>
    <path d="M 106 20 v -2" class="minors"/>
    <path d="M 107 0 v 2" class="minors"/>
    <path d="M 107 20 v -2" class="minors"/>
    <path d="M 108 0 v 2" class="minors"/>
    <path d="M 108 20 v -2" class="minors"/>
    <path d="M 109 0 v 2" class="minors"/>
    <path d="M 109 20 v -2" class="minors"/>
    <path d="M 110 0 v 2" class="minors"/>
    <path d="M 110 20 v -2" class="minors"/>
    <path d="M 111 0 v 2" class="minors"/>
    <path d="M 111 20 v -2" class="minors"/>
    <path d="M 112 0 v 2" class="minors"/>
    <path d="M 112 20 v -2" class="minors"/>
    <path d="M 113 0 v 2" class="minors"/>
    <path d="M 113 20 v -2" class="minors"/>
    <path d="M 114 0 v 2" class="minors"/>
    <path d="M 114 20 v -2" class="minors"/>
    <path d="M 115 0 v 2" class="minors"/>
    <path d="M 115 20 v -2" class="minors"/>
    <path d="M 116 0 v 2" class="minors"/>
    <path d="M 116 20 v -2" class="minors"/>
    <path d="M 117 0 v 2" class="minors"/>
    <path d="M 117 20 v -2" class="minors"/>
    <path d="M 118 0 v 2" class="minors"/>
    <path d="M 118 20 v -2" class="minors"/>
    <path d="M 119 0 v 2" class="minors"/>
    <path d="M 119 20 v -2" class="minors"/>
    <path d="M 120 0 v 2" class="minors"/>
    <path d="M 120 20 v -2" class="minors"/>
    <path d="M 121 0 v 2" class="minors"/>
    <path d="M 121 20 v -2" class="minors"/>
    <path d="M 122 0 v 2" class="minors"/>
    <path d="M 122 20 v -2" class="minors"/>
    <path d="M 123 0 v 2" class="minors"/>
    <path d="M 123 20 v -2" class="minors"/>
    <path d="M 124 0 v 2" class="minors"/>
    <path d="M 124 20 v -2" class="minors"/>
    <path d="M 125 0 v 2" class="minors"/>
    <path d="M 125 20 v -2" class="minors"/>
    <path d="M 126 0 v 2" class="minors"/>
    <path d="M 126 20 v -2" class="minors"/>
    <path d="M 127 0 v 2" class="minors"/>
    <path d="M 127 20 v -2" class="minors"/>
    <path d="M 128 0 v 2" class="minors"/>
    <path d="M 128 20 v -2" class="minors"/>
    <path d="M 129 0 v 2" class="minors"/>
    <path d="M 129 20 v -2" class="minors"/>
    <path d="M 130 0 v 2" class="minors"/>
    <path d="M 130 20 v -2" class="minors"/>
    <path d="M 131 0 v 2" class="minors"/>
    <path d="M 131 20 v -2" class="minors"/>
    <path d="M 132 0 v 2" class="minors"/>
    <path d="M 132 20 v -2" class="minors"/>
    <path d="M 133 0 v 2" class="minors"/>
    <path d="M 133 20 v -2" class="minors"/>
    <path d="M 134 0 v 2" class="minors"/>
    <path d="M 134 20 v -2" class="minors"/>
    <path d="M 135 0 v 2" class="minors"/>
    <path d="M 135 20 v -2" class="minors"/>
    <path d="M 136 0 v 2" class="minors"/>
    <path d="M 136 20 v -2" class="minors"/>
    <path d="M 137 0 v 2" class="minors"/>
    <path d="M 137 20 v -2" class="minors"/>
    <path d="M 138 0 v 2" class="minors"/>
    <path d="M 138 20 v -2" class="minors"/>
    <path d="M 139 0 v 2" class="minors"/>
    <path d="M 139 20 v -2" class="minors"/>
    <path d="M 140 0 v 2" class="minors"/>
    <path d="M 140 20 v -2" class="minors"/>
    <path d="M 141 0 v 2" class="minors"/>
    <path d="M 141 20 v -2" class="minors"/>
    <path d="M 142 0 v 2" class="minors"/>
    <path d="M 142 20 v -2" class="minors"/>
    <path d="M 143 0 v 2" class="minors"/>
    <path d="M 143 20 v -2" class="minors"/>
    <path d="M 144 0 v 2" class="minors"/>
    <path d="M 144 20 v -2" class="minors"/>
    <path d="M 145 0 v 2" class="minors"/>
    <path d="M 145 20 v -2" class="minors"/>
    <path d="M 146 0 v 2" class="minors"/>
    <path d="M 146 20 v -2" class="minors"/>
    <path d="M 147 0 v 2" class="minors"/>
    <path d="M 147 20 v -2" class="minors"/>
    <path d="M 148 0 v 2" class="minors"/>
    <path d="M 148 20 v -2" class="minors"/>
    <path d="M 149 0 v 2" class="minors"/>
    <path d="M 149 20 v -2" class="minors"/>
    <path d="M 150 0 v 2" class="minors"/>
    <path d="M 150 20 v -2" class="minors"/>
  </g>
  <g id="halves">
    <path d="M 0 0 v 4" class="minors"/>
    <path d="M 0 20 v -4" class="minors"/>
    <path d="M 5 0 v 4" class="minors"/>
    <path d="M 5 20 v -4" class="minors"/>
    <path d="M 10 0 v 4" class="minors"/>
    <path d="M 10 20 v -4" class="minors"/>
    <path d="M 15 0 v 4" class="minors"/>
    <path d="M 15 20 v -4" class="minors"/>
    <path d="M 20 0 v 4" class="minors"/>
    <path d="M 20 20 v -4" class="minors"/>
    <path d="M 25 0 v 4" class="minors"/>
    <path d="M 25 20 v -4" class="minors"/>
    <path d="M 30 0 v 4" class="minors"/>
    <path d="M 30 20 v -4" class="minors"/>
    <path d="M 35 0 v 4" class="minors"/>
    <path d="M 35 20 v -4" class="minors"/>
    <path d="M 40 0 v 4" class="minors"/>
    <path d="M 40 20 v -4" class="minors"/>
    <path d="M 45 0 v 4" class="minors"/>
    <path d="M 45 20 v -4" class="minors"/>
    <path d="M 50 0 v 4" class="minors"/>
    <path d="M 50 20 v -4" class="minors"/>
    <path d="M 55 0 v 4" class="minors"/>
    <path d="M 55 20 v -4" class="minors"/>
    <path d="M 60 0 v 4" class="minors"/>
    <path d="M 60 20 v -4" class="minors"/>
    <path d="M 65 0 v 4" class="minors"/>
    <path d="M 65 20 v -4" class="minors"/>
    <path d="M 70 0 v 4" class="minors"/>
    <path d="M 70 20 v -4" class="minors"/>
    <path d="M 75 0 v 4" class="minors"/>
    <path d="M 75 20 v -4" class="minors"/>
    <path d="M 80 0 v 4" class="minors"/>
    <path d="M 80 20 v -4" class="minors"/>
    <path d="M 85 0 v 4" class="minors"/>
    <path d="M 85 20 v -4" class="minors"/>
    <path d="M 90 0 v 4" class="minors"/>
    <path d="M 90 20 v -4" class="minors"/>
    <path d="M 95 0 v 4" class="minors"/>
    <path d="M 95 20 v -4" class="minors"/>
    <path d="M 100 0 v 4" class="minors"/>
    <path d="M 100 20 v -4" class="minors"/>
    <path d="M 105 0 v 4" class="minors"/>
    <path d="M 105 20 v -4" class="minors"/>
    <path d="M 110 0 v 4" class="minors"/>
    <path d="M 110 20 v -4" class="minors"/>
    <path d="M 115 0 v 4" class="minors"/>
    <path d="M 115 20 v -4" class="minors"/>
    <path d="M 120 0 v 4" class="minors"/>
    <path d="M 120 20 v -4" class="minors"/>
    <path d="M 125 0 v 4" class="minors"/>
    <path d="M 125 20 v -4" class="minors"/>
    <path d="M 130 0 v 4" class="minors"/>
    <path d="M 130 20 v -4" class="minors"/>
    <path d="M 135 0 v 4" class="minors"/>
    <path d="M 135 20 v -4" class="minors"/>
    <path d="M 140 0 v 4" class="minors"/>
    <path d="M 140 20 v -4" class="minors"/>
    <path d="M 145 0 v 4" class="minors"/>
    <path d="M 145 20 v -4" class="minors"/>
    <path d="M 150 0 v 4" class="minors"/>
    <path d="M 150 20 v -4" class="minors"/>
  </g>
  <g id="majors">
    <path d="M 10 0 v 6" class="minors"/>
    <path d="M 10 20 v -6" class="minors"/>
    <path d="M 20 0 v 6" class="minors"/>
    <path d="M 20 20 v -6" class="minors"/>
    <path d="M 30 0 v 6" class="minors"/>
    <path d="M 30 20 v -6" class="minors"/>
    <path d="M 40 0 v 6" class="minors"/>
    <path d="M 40 20 v -6" class="minors"/>
    <path d="M 50 0 v 6" class="minors"/>
    <path d="M 50 20 v -6" class="minors"/>
    <path d="M 60 0 v 6" class="minors"/>
    <path d="M 60 20 v -6" class="minors"/>
    <path d="M 70 0 v 6" class="minors"/>
    <path d="M 70 20 v -6" class="minors"/>
    <path d="M 80 0 v 6" class="minors"/>
    <path d="M 80 20 v -6" class="minors"/>
    <path d="M 90 0 v 6" class="minors"/>
    <path d="M 90 20 v -6" class="minors"/>
    <path d="M 100 0 v 6" class="minors"/>
    <path d="M 100 20 v -6" class="minors"/>
    <path d="M 110 0 v 6" class="minors"/>
    <path d="M 110 20 v -6" class="minors"/>
    <path d="M 120 0 v 6" class="minors"/>
    <path d="M 120 20 v -6" class="minors"/>
    <path d="M 130 0 v 6" class="minors"/>
    <path d="M 130 20 v -6" class="minors"/>
    <path d="M 140 0 v 6" class="minors"/>
    <path d="M 140 20 v -6" class="minors"/>
    <g id="labels">
      <text text-anchor="middle" x="10" y="11.5" class="labels">1</text>
      <text text-anchor="middle" x="20" y="11.5" class="labels">2</text>
      <text text-anchor="middle" x="30" y="11.5" class="labels">3</text>
      <text text-anchor="middle" x="40" y="11.5" class="labels">4</text>
      <text text-anchor="middle" x="50" y="11.5" class="labels">5</text>
      <text text-anchor="middle" x="60" y="11.5" class="labels">6</text>
      <text text-anchor="middle" x="70" y="11.5" class="labels">7</text>
      <text text-anchor="middle" x="80" y="11.5" class="labels">8</text>
      <text text-anchor="middle" x="90" y="11.5" class="labels">9</text>
      <text text-anchor="middle" x="100" y="11.5" class="labels">10</text>
      <text text-anchor="middle" x="110" y="11.5" class="labels">11</text>
      <text text-anchor="middle" x="120" y="11.5" class="labels">12</text>
      <text text-anchor="middle" x="130" y="11.5" class="labels">13</text>
      <text text-anchor="middle" x="140" y="11.5" class="labels">14</text>
    </g>
  </g>
</svg>


<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="210mm" height="50mm" viewBox="0 0 210 50">
  <style type="text/css">
    <![CDATA[
      .labels {
        fill: white;
        font: 3pt monospace;
      }
      .majors {
        stroke: white;
        stroke-width: 0.2;
      }
      .halves {
        stroke: white;
        stroke-width: 0.1;
      }
      .minors {
        stroke: white;
        stroke-width: 0.1;
      }
      .frame {
        stroke: white;
        stroke-width: 0.1;
        fill: none;
      }
    ]]>
  </style>
  <rect id="frame" width="150" height="20" class="frame"/>
  <g id="minors">
    <path d="M 0 0 v 2" class="minors"/>
    <path d="M 0 20 v -2" class="minors"/>
    <path d="M 1 0 v 2" class="minors"/>
    <path d="M 1 20 v -2" class="minors"/>
    <path d="M 2 0 v 2" class="minors"/>
    <path d="M 2 20 v -2" class="minors"/>
    <path d="M 3 0 v 2" class="minors"/>
    <path d="M 3 20 v -2" class="minors"/>
    <path d="M 4 0 v 2" class="minors"/>
    <path d="M 4 20 v -2" class="minors"/>
    <path d="M 5 0 v 2" class="minors"/>
    <path d="M 5 20 v -2" class="minors"/>
    <path d="M 6 0 v 2" class="minors"/>
    <path d="M 6 20 v -2" class="minors"/>
    <path d="M 7 0 v 2" class="minors"/>
    <path d="M 7 20 v -2" class="minors"/>
    <path d="M 8 0 v 2" class="minors"/>
    <path d="M 8 20 v -2" class="minors"/>
    <path d="M 9 0 v 2" class="minors"/>
    <path d="M 9 20 v -2" class="minors"/>
    <path d="M 10 0 v 2" class="minors"/>
    <path d="M 10 20 v -2" class="minors"/>
    <path d="M 11 0 v 2" class="minors"/>
    <path d="M 11 20 v -2" class="minors"/>
    <path d="M 12 0 v 2" class="minors"/>
    <path d="M 12 20 v -2" class="minors"/>
    <path d="M 13 0 v 2" class="minors"/>
    <path d="M 13 20 v -2" class="minors"/>
    <path d="M 14 0 v 2" class="minors"/>
    <path d="M 14 20 v -2" class="minors"/>
    <path d="M 15 0 v 2" class="minors"/>
    <path d="M 15 20 v -2" class="minors"/>
    <path d="M 16 0 v 2" class="minors"/>
    <path d="M 16 20 v -2" class="minors"/>
    <path d="M 17 0 v 2" class="minors"/>
    <path d="M 17 20 v -2" class="minors"/>
    <path d="M 18 0 v 2" class="minors"/>
    <path d="M 18 20 v -2" class="minors"/>
    <path d="M 19 0 v 2" class="minors"/>
    <path d="M 19 20 v -2" class="minors"/>
    <path d="M 20 0 v 2" class="minors"/>
    <path d="M 20 20 v -2" class="minors"/>
    <path d="M 21 0 v 2" class="minors"/>
    <path d="M 21 20 v -2" class="minors"/>
    <path d="M 22 0 v 2" class="minors"/>
    <path d="M 22 20 v -2" class="minors"/>
    <path d="M 23 0 v 2" class="minors"/>
    <path d="M 23 20 v -2" class="minors"/>
    <path d="M 24 0 v 2" class="minors"/>
    <path d="M 24 20 v -2" class="minors"/>
    <path d="M 25 0 v 2" class="minors"/>
    <path d="M 25 20 v -2" class="minors"/>
    <path d="M 26 0 v 2" class="minors"/>
    <path d="M 26 20 v -2" class="minors"/>
    <path d="M 27 0 v 2" class="minors"/>
    <path d="M 27 20 v -2" class="minors"/>
    <path d="M 28 0 v 2" class="minors"/>
    <path d="M 28 20 v -2" class="minors"/>
    <path d="M 29 0 v 2" class="minors"/>
    <path d="M 29 20 v -2" class="minors"/>
    <path d="M 30 0 v 2" class="minors"/>
    <path d="M 30 20 v -2" class="minors"/>
    <path d="M 31 0 v 2" class="minors"/>
    <path d="M 31 20 v -2" class="minors"/>
    <path d="M 32 0 v 2" class="minors"/>
    <path d="M 32 20 v -2" class="minors"/>
    <path d="M 33 0 v 2" class="minors"/>
    <path d="M 33 20 v -2" class="minors"/>
    <path d="M 34 0 v 2" class="minors"/>
    <path d="M 34 20 v -2" class="minors"/>
    <path d="M 35 0 v 2" class="minors"/>
    <path d="M 35 20 v -2" class="minors"/>
    <path d="M 36 0 v 2" class="minors"/>
    <path d="M 36 20 v -2" class="minors"/>
    <path d="M 37 0 v 2" class="minors"/>
    <path d="M 37 20 v -2" class="minors"/>
    <path d="M 38 0 v 2" class="minors"/>
    <path d="M 38 20 v -2" class="minors"/>
    <path d="M 39 0 v 2" class="minors"/>
    <path d="M 39 20 v -2" class="minors"/>
    <path d="M 40 0 v 2" class="minors"/>
    <path d="M 40 20 v -2" class="minors"/>
    <path d="M 41 0 v 2" class="minors"/>
    <path d="M 41 20 v -2" class="minors"/>
    <path d="M 42 0 v 2" class="minors"/>
    <path d="M 42 20 v -2" class="minors"/>
    <path d="M 43 0 v 2" class="minors"/>
    <path d="M 43 20 v -2" class="minors"/>
    <path d="M 44 0 v 2" class="minors"/>
    <path d="M 44 20 v -2" class="minors"/>
    <path d="M 45 0 v 2" class="minors"/>
    <path d="M 45 20 v -2" class="minors"/>
    <path d="M 46 0 v 2" class="minors"/>
    <path d="M 46 20 v -2" class="minors"/>
    <path d="M 47 0 v 2" class="minors"/>
    <path d="M 47 20 v -2" class="minors"/>
    <path d="M 48 0 v 2" class="minors"/>
    <path d="M 48 20 v -2" class="minors"/>
    <path d="M 49 0 v 2" class="minors"/>
    <path d="M 49 20 v -2" class="minors"/>
    <path d="M 50 0 v 2" class="minors"/>
    <path d="M 50 20 v -2" class="minors"/>
    <path d="M 51 0 v 2" class="minors"/>
    <path d="M 51 20 v -2" class="minors"/>
    <path d="M 52 0 v 2" class="minors"/>
    <path d="M 52 20 v -2" class="minors"/>
    <path d="M 53 0 v 2" class="minors"/>
    <path d="M 53 20 v -2" class="minors"/>
    <path d="M 54 0 v 2" class="minors"/>
    <path d="M 54 20 v -2" class="minors"/>
    <path d="M 55 0 v 2" class="minors"/>
    <path d="M 55 20 v -2" class="minors"/>
    <path d="M 56 0 v 2" class="minors"/>
    <path d="M 56 20 v -2" class="minors"/>
    <path d="M 57 0 v 2" class="minors"/>
    <path d="M 57 20 v -2" class="minors"/>
    <path d="M 58 0 v 2" class="minors"/>
    <path d="M 58 20 v -2" class="minors"/>
    <path d="M 59 0 v 2" class="minors"/>
    <path d="M 59 20 v -2" class="minors"/>
    <path d="M 60 0 v 2" class="minors"/>
    <path d="M 60 20 v -2" class="minors"/>
    <path d="M 61 0 v 2" class="minors"/>
    <path d="M 61 20 v -2" class="minors"/>
    <path d="M 62 0 v 2" class="minors"/>
    <path d="M 62 20 v -2" class="minors"/>
    <path d="M 63 0 v 2" class="minors"/>
    <path d="M 63 20 v -2" class="minors"/>
    <path d="M 64 0 v 2" class="minors"/>
    <path d="M 64 20 v -2" class="minors"/>
    <path d="M 65 0 v 2" class="minors"/>
    <path d="M 65 20 v -2" class="minors"/>
    <path d="M 66 0 v 2" class="minors"/>
    <path d="M 66 20 v -2" class="minors"/>
    <path d="M 67 0 v 2" class="minors"/>
    <path d="M 67 20 v -2" class="minors"/>
    <path d="M 68 0 v 2" class="minors"/>
    <path d="M 68 20 v -2" class="minors"/>
    <path d="M 69 0 v 2" class="minors"/>
    <path d="M 69 20 v -2" class="minors"/>
    <path d="M 70 0 v 2" class="minors"/>
    <path d="M 70 20 v -2" class="minors"/>
    <path d="M 71 0 v 2" class="minors"/>
    <path d="M 71 20 v -2" class="minors"/>
    <path d="M 72 0 v 2" class="minors"/>
    <path d="M 72 20 v -2" class="minors"/>
    <path d="M 73 0 v 2" class="minors"/>
    <path d="M 73 20 v -2" class="minors"/>
    <path d="M 74 0 v 2" class="minors"/>
    <path d="M 74 20 v -2" class="minors"/>
    <path d="M 75 0 v 2" class="minors"/>
    <path d="M 75 20 v -2" class="minors"/>
    <path d="M 76 0 v 2" class="minors"/>
    <path d="M 76 20 v -2" class="minors"/>
    <path d="M 77 0 v 2" class="minors"/>
    <path d="M 77 20 v -2" class="minors"/>
    <path d="M 78 0 v 2" class="minors"/>
    <path d="M 78 20 v -2" class="minors"/>
    <path d="M 79 0 v 2" class="minors"/>
    <path d="M 79 20 v -2" class="minors"/>
    <path d="M 80 0 v 2" class="minors"/>
    <path d="M 80 20 v -2" class="minors"/>
    <path d="M 81 0 v 2" class="minors"/>
    <path d="M 81 20 v -2" class="minors"/>
    <path d="M 82 0 v 2" class="minors"/>
    <path d="M 82 20 v -2" class="minors"/>
    <path d="M 83 0 v 2" class="minors"/>
    <path d="M 83 20 v -2" class="minors"/>
    <path d="M 84 0 v 2" class="minors"/>
    <path d="M 84 20 v -2" class="minors"/>
    <path d="M 85 0 v 2" class="minors"/>
    <path d="M 85 20 v -2" class="minors"/>
    <path d="M 86 0 v 2" class="minors"/>
    <path d="M 86 20 v -2" class="minors"/>
    <path d="M 87 0 v 2" class="minors"/>
    <path d="M 87 20 v -2" class="minors"/>
    <path d="M 88 0 v 2" class="minors"/>
    <path d="M 88 20 v -2" class="minors"/>
    <path d="M 89 0 v 2" class="minors"/>
    <path d="M 89 20 v -2" class="minors"/>
    <path d="M 90 0 v 2" class="minors"/>
    <path d="M 90 20 v -2" class="minors"/>
    <path d="M 91 0 v 2" class="minors"/>
    <path d="M 91 20 v -2" class="minors"/>
    <path d="M 92 0 v 2" class="minors"/>
    <path d="M 92 20 v -2" class="minors"/>
    <path d="M 93 0 v 2" class="minors"/>
    <path d="M 93 20 v -2" class="minors"/>
    <path d="M 94 0 v 2" class="minors"/>
    <path d="M 94 20 v -2" class="minors"/>
    <path d="M 95 0 v 2" class="minors"/>
    <path d="M 95 20 v -2" class="minors"/>
    <path d="M 96 0 v 2" class="minors"/>
    <path d="M 96 20 v -2" class="minors"/>
    <path d="M 97 0 v 2" class="minors"/>
    <path d="M 97 20 v -2" class="minors"/>
    <path d="M 98 0 v 2" class="minors"/>
    <path d="M 98 20 v -2" class="minors"/>
    <path d="M 99 0 v 2" class="minors"/>
    <path d="M 99 20 v -2" class="minors"/>
    <path d="M 100 0 v 2" class="minors"/>
    <path d="M 100 20 v -2" class="minors"/>
    <path d="M 101 0 v 2" class="minors"/>
    <path d="M 101 20 v -2" class="minors"/>
    <path d="M 102 0 v 2" class="minors"/>
    <path d="M 102 20 v -2" class="minors"/>
    <path d="M 103 0 v 2" class="minors"/>
    <path d="M 103 20 v -2" class="minors"/>
    <path d="M 104 0 v 2" class="minors"/>
    <path d="M 104 20 v -2" class="minors"/>
    <path d="M 105 0 v 2" class="minors"/>
    <path d="M 105 20 v -2" class="minors"/>
    <path d="M 106 0 v 2" class="minors"/>
    <path d="M 106 20 v -2" class="minors"/>
    <path d="M 107 0 v 2" class="minors"/>
    <path d="M 107 20 v -2" class="minors"/>
    <path d="M 108 0 v 2" class="minors"/>
    <path d="M 108 20 v -2" class="minors"/>
    <path d="M 109 0 v 2" class="minors"/>
    <path d="M 109 20 v -2" class="minors"/>
    <path d="M 110 0 v 2" class="minors"/>
    <path d="M 110 20 v -2" class="minors"/>
    <path d="M 111 0 v 2" class="minors"/>
    <path d="M 111 20 v -2" class="minors"/>
    <path d="M 112 0 v 2" class="minors"/>
    <path d="M 112 20 v -2" class="minors"/>
    <path d="M 113 0 v 2" class="minors"/>
    <path d="M 113 20 v -2" class="minors"/>
    <path d="M 114 0 v 2" class="minors"/>
    <path d="M 114 20 v -2" class="minors"/>
    <path d="M 115 0 v 2" class="minors"/>
    <path d="M 115 20 v -2" class="minors"/>
    <path d="M 116 0 v 2" class="minors"/>
    <path d="M 116 20 v -2" class="minors"/>
    <path d="M 117 0 v 2" class="minors"/>
    <path d="M 117 20 v -2" class="minors"/>
    <path d="M 118 0 v 2" class="minors"/>
    <path d="M 118 20 v -2" class="minors"/>
    <path d="M 119 0 v 2" class="minors"/>
    <path d="M 119 20 v -2" class="minors"/>
    <path d="M 120 0 v 2" class="minors"/>
    <path d="M 120 20 v -2" class="minors"/>
    <path d="M 121 0 v 2" class="minors"/>
    <path d="M 121 20 v -2" class="minors"/>
    <path d="M 122 0 v 2" class="minors"/>
    <path d="M 122 20 v -2" class="minors"/>
    <path d="M 123 0 v 2" class="minors"/>
    <path d="M 123 20 v -2" class="minors"/>
    <path d="M 124 0 v 2" class="minors"/>
    <path d="M 124 20 v -2" class="minors"/>
    <path d="M 125 0 v 2" class="minors"/>
    <path d="M 125 20 v -2" class="minors"/>
    <path d="M 126 0 v 2" class="minors"/>
    <path d="M 126 20 v -2" class="minors"/>
    <path d="M 127 0 v 2" class="minors"/>
    <path d="M 127 20 v -2" class="minors"/>
    <path d="M 128 0 v 2" class="minors"/>
    <path d="M 128 20 v -2" class="minors"/>
    <path d="M 129 0 v 2" class="minors"/>
    <path d="M 129 20 v -2" class="minors"/>
    <path d="M 130 0 v 2" class="minors"/>
    <path d="M 130 20 v -2" class="minors"/>
    <path d="M 131 0 v 2" class="minors"/>
    <path d="M 131 20 v -2" class="minors"/>
    <path d="M 132 0 v 2" class="minors"/>
    <path d="M 132 20 v -2" class="minors"/>
    <path d="M 133 0 v 2" class="minors"/>
    <path d="M 133 20 v -2" class="minors"/>
    <path d="M 134 0 v 2" class="minors"/>
    <path d="M 134 20 v -2" class="minors"/>
    <path d="M 135 0 v 2" class="minors"/>
    <path d="M 135 20 v -2" class="minors"/>
    <path d="M 136 0 v 2" class="minors"/>
    <path d="M 136 20 v -2" class="minors"/>
    <path d="M 137 0 v 2" class="minors"/>
    <path d="M 137 20 v -2" class="minors"/>
    <path d="M 138 0 v 2" class="minors"/>
    <path d="M 138 20 v -2" class="minors"/>
    <path d="M 139 0 v 2" class="minors"/>
    <path d="M 139 20 v -2" class="minors"/>
    <path d="M 140 0 v 2" class="minors"/>
    <path d="M 140 20 v -2" class="minors"/>
    <path d="M 141 0 v 2" class="minors"/>
    <path d="M 141 20 v -2" class="minors"/>
    <path d="M 142 0 v 2" class="minors"/>
    <path d="M 142 20 v -2" class="minors"/>
    <path d="M 143 0 v 2" class="minors"/>
    <path d="M 143 20 v -2" class="minors"/>
    <path d="M 144 0 v 2" class="minors"/>
    <path d="M 144 20 v -2" class="minors"/>
    <path d="M 145 0 v 2" class="minors"/>
    <path d="M 145 20 v -2" class="minors"/>
    <path d="M 146 0 v 2" class="minors"/>
    <path d="M 146 20 v -2" class="minors"/>
    <path d="M 147 0 v 2" class="minors"/>
    <path d="M 147 20 v -2" class="minors"/>
    <path d="M 148 0 v 2" class="minors"/>
    <path d="M 148 20 v -2" class="minors"/>
    <path d="M 149 0 v 2" class="minors"/>
    <path d="M 149 20 v -2" class="minors"/>
    <path d="M 150 0 v 2" class="minors"/>
    <path d="M 150 20 v -2" class="minors"/>
  </g>
  <g id="halves">
    <path d="M 0 0 v 4" class="minors"/>
    <path d="M 0 20 v -4" class="minors"/>
    <path d="M 5 0 v 4" class="minors"/>
    <path d="M 5 20 v -4" class="minors"/>
    <path d="M 10 0 v 4" class="minors"/>
    <path d="M 10 20 v -4" class="minors"/>
    <path d="M 15 0 v 4" class="minors"/>
    <path d="M 15 20 v -4" class="minors"/>
    <path d="M 20 0 v 4" class="minors"/>
    <path d="M 20 20 v -4" class="minors"/>
    <path d="M 25 0 v 4" class="minors"/>
    <path d="M 25 20 v -4" class="minors"/>
    <path d="M 30 0 v 4" class="minors"/>
    <path d="M 30 20 v -4" class="minors"/>
    <path d="M 35 0 v 4" class="minors"/>
    <path d="M 35 20 v -4" class="minors"/>
    <path d="M 40 0 v 4" class="minors"/>
    <path d="M 40 20 v -4" class="minors"/>
    <path d="M 45 0 v 4" class="minors"/>
    <path d="M 45 20 v -4" class="minors"/>
    <path d="M 50 0 v 4" class="minors"/>
    <path d="M 50 20 v -4" class="minors"/>
    <path d="M 55 0 v 4" class="minors"/>
    <path d="M 55 20 v -4" class="minors"/>
    <path d="M 60 0 v 4" class="minors"/>
    <path d="M 60 20 v -4" class="minors"/>
    <path d="M 65 0 v 4" class="minors"/>
    <path d="M 65 20 v -4" class="minors"/>
    <path d="M 70 0 v 4" class="minors"/>
    <path d="M 70 20 v -4" class="minors"/>
    <path d="M 75 0 v 4" class="minors"/>
    <path d="M 75 20 v -4" class="minors"/>
    <path d="M 80 0 v 4" class="minors"/>
    <path d="M 80 20 v -4" class="minors"/>
    <path d="M 85 0 v 4" class="minors"/>
    <path d="M 85 20 v -4" class="minors"/>
    <path d="M 90 0 v 4" class="minors"/>
    <path d="M 90 20 v -4" class="minors"/>
    <path d="M 95 0 v 4" class="minors"/>
    <path d="M 95 20 v -4" class="minors"/>
    <path d="M 100 0 v 4" class="minors"/>
    <path d="M 100 20 v -4" class="minors"/>
    <path d="M 105 0 v 4" class="minors"/>
    <path d="M 105 20 v -4" class="minors"/>
    <path d="M 110 0 v 4" class="minors"/>
    <path d="M 110 20 v -4" class="minors"/>
    <path d="M 115 0 v 4" class="minors"/>
    <path d="M 115 20 v -4" class="minors"/>
    <path d="M 120 0 v 4" class="minors"/>
    <path d="M 120 20 v -4" class="minors"/>
    <path d="M 125 0 v 4" class="minors"/>
    <path d="M 125 20 v -4" class="minors"/>
    <path d="M 130 0 v 4" class="minors"/>
    <path d="M 130 20 v -4" class="minors"/>
    <path d="M 135 0 v 4" class="minors"/>
    <path d="M 135 20 v -4" class="minors"/>
    <path d="M 140 0 v 4" class="minors"/>
    <path d="M 140 20 v -4" class="minors"/>
    <path d="M 145 0 v 4" class="minors"/>
    <path d="M 145 20 v -4" class="minors"/>
    <path d="M 150 0 v 4" class="minors"/>
    <path d="M 150 20 v -4" class="minors"/>
  </g>
  <g id="majors">
    <path d="M 10 0 v 6" class="minors"/>
    <path d="M 10 20 v -6" class="minors"/>
    <path d="M 20 0 v 6" class="minors"/>
    <path d="M 20 20 v -6" class="minors"/>
    <path d="M 30 0 v 6" class="minors"/>
    <path d="M 30 20 v -6" class="minors"/>
    <path d="M 40 0 v 6" class="minors"/>
    <path d="M 40 20 v -6" class="minors"/>
    <path d="M 50 0 v 6" class="minors"/>
    <path d="M 50 20 v -6" class="minors"/>
    <path d="M 60 0 v 6" class="minors"/>
    <path d="M 60 20 v -6" class="minors"/>
    <path d="M 70 0 v 6" class="minors"/>
    <path d="M 70 20 v -6" class="minors"/>
    <path d="M 80 0 v 6" class="minors"/>
    <path d="M 80 20 v -6" class="minors"/>
    <path d="M 90 0 v 6" class="minors"/>
    <path d="M 90 20 v -6" class="minors"/>
    <path d="M 100 0 v 6" class="minors"/>
    <path d="M 100 20 v -6" class="minors"/>
    <path d="M 110 0 v 6" class="minors"/>
    <path d="M 110 20 v -6" class="minors"/>
    <path d="M 120 0 v 6" class="minors"/>
    <path d="M 120 20 v -6" class="minors"/>
    <path d="M 130 0 v 6" class="minors"/>
    <path d="M 130 20 v -6" class="minors"/>
    <path d="M 140 0 v 6" class="minors"/>
    <path d="M 140 20 v -6" class="minors"/>
    <g id="labels">
      <text text-anchor="middle" x="10" y="11.5" class="labels">1</text>
      <text text-anchor="middle" x="20" y="11.5" class="labels">2</text>
      <text text-anchor="middle" x="30" y="11.5" class="labels">3</text>
      <text text-anchor="middle" x="40" y="11.5" class="labels">4</text>
      <text text-anchor="middle" x="50" y="11.5" class="labels">5</text>
      <text text-anchor="middle" x="60" y="11.5" class="labels">6</text>
      <text text-anchor="middle" x="70" y="11.5" class="labels">7</text>
      <text text-anchor="middle" x="80" y="11.5" class="labels">8</text>
      <text text-anchor="middle" x="90" y="11.5" class="labels">9</text>
      <text text-anchor="middle" x="100" y="11.5" class="labels">10</text>
      <text text-anchor="middle" x="110" y="11.5" class="labels">11</text>
      <text text-anchor="middle" x="120" y="11.5" class="labels">12</text>
      <text text-anchor="middle" x="130" y="11.5" class="labels">13</text>
      <text text-anchor="middle" x="140" y="11.5" class="labels">14</text>
    </g>
  </g>
</svg>


#!/usr/bin/env -S ruby -S sevgi

WIDTH   = 150 # 15 cm width (ruler's length)
HEIGHT  = 20  # 2  cm height

STYLE = {
  ".labels": { fill:   "black",  font: "3pt monospace"             },
  ".majors": { stroke: "black", "stroke-width": 0.2                },
  ".halves": { stroke: "black", "stroke-width": 0.1                },
  ".minors": { stroke: "black", "stroke-width": 0.1                },
  ".frame":  { stroke: "black", "stroke-width": 0.05, fill: "none" }
}

SVG width: "210mm", height: "50mm", viewBox: "0 0 210 50" do
  css STYLE

  rect id: "frame", width: WIDTH, height: HEIGHT, class: "frame"

  layer id: "minors" do
    length = 2

    (0..WIDTH).step(1) do |x|
      line x1: x, y1: 0, x2: x, y2: length, class: "minors"
      line x1: x, y1: HEIGHT, x2: x, y2: HEIGHT - length, class: "minors"
    end
  end

  layer id: "halves" do
    length = 4

    (0..WIDTH).step(5) do |x|
      line x1: x, y1: 0, x2: x, y2: length, class: "halves"
      line x1: x, y1: HEIGHT, x2: x, y2: HEIGHT - length, class: "halves"
    end
  end

  layer id: "majors" do
    length = 6

    (10..WIDTH - 10).step(10) do |x|
      line x1: x, y1: 0, x2: x, y2: length, class: "majors"
      line x1: x, y1: HEIGHT, x2: x, y2: HEIGHT - length, class: "majors"
    end

    layer id: "labels" do
      (10..WIDTH - 10).step(10).each_with_index do |x, i|
        text "#{i + 1}", "text-anchor": "middle", x:, y: length + 5.5, class: "labels"
      end
    end
  end
end.Save


#!/usr/bin/env -S ruby -S sevgi

WIDTH   = 150 # 15 cm width (ruler's length)
HEIGHT  = 20  # 2  cm height

STYLE = {
  ".labels": { fill:   "white",  font: "3pt monospace"             },
  ".majors": { stroke: "white", "stroke-width": 0.2                },
  ".halves": { stroke: "white", "stroke-width": 0.1                },
  ".minors": { stroke: "white", "stroke-width": 0.1                },
  ".frame":  { stroke: "white", "stroke-width": 0.05, fill: "none" }
}

SVG width: "210mm", height: "50mm", viewBox: "0 0 210 50" do
  css STYLE

  rect id: "frame", width: WIDTH, height: HEIGHT, class: "frame"

  layer id: "minors" do
    length = 2

    (0..WIDTH).step(1) do |x|
      line x1: x, y1: 0, x2: x, y2: length, class: "minors"
      line x1: x, y1: HEIGHT, x2: x, y2: HEIGHT - length, class: "minors"
    end
  end

  layer id: "halves" do
    length = 4

    (0..WIDTH).step(5) do |x|
      line x1: x, y1: 0, x2: x, y2: length, class: "halves"
      line x1: x, y1: HEIGHT, x2: x, y2: HEIGHT - length, class: "halves"
    end
  end

  layer id: "majors" do
    length = 6

    (10..WIDTH - 10).step(10) do |x|
      line x1: x, y1: 0, x2: x, y2: length, class: "majors"
      line x1: x, y1: HEIGHT, x2: x, y2: HEIGHT - length, class: "majors"
    end

    layer id: "labels" do
      (10..WIDTH - 10).step(10).each_with_index do |x, i|
        text "#{i + 1}", "text-anchor": "middle", x:, y: length + 5.5, class: "labels"
      end
    end
  end
end.Save


<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="210mm" height="50mm" viewBox="0 0 210 50">
  <style type="text/css">
    <![CDATA[
      .labels {
        fill: black;
        font: 3pt monospace;
      }
      .majors {
        stroke: black;
        stroke-width: 0.2;
      }
      .halves {
        stroke: black;
        stroke-width: 0.1;
      }
      .minors {
        stroke: black;
        stroke-width: 0.1;
      }
      .frame {
        stroke: black;
        stroke-width: 0.05;
        fill: none;
      }
    ]]>
  </style>
  <rect id="frame" width="150" height="20" class="frame"/>
  <g id="minors">
    <line x1="0" y1="0" x2="0" y2="2" class="minors"/>
    <line x1="0" y1="20" x2="0" y2="18" class="minors"/>
    <line x1="1" y1="0" x2="1" y2="2" class="minors"/>
    <line x1="1" y1="20" x2="1" y2="18" class="minors"/>
    <line x1="2" y1="0" x2="2" y2="2" class="minors"/>
    <line x1="2" y1="20" x2="2" y2="18" class="minors"/>
    <line x1="3" y1="0" x2="3" y2="2" class="minors"/>
    <line x1="3" y1="20" x2="3" y2="18" class="minors"/>
    <line x1="4" y1="0" x2="4" y2="2" class="minors"/>
    <line x1="4" y1="20" x2="4" y2="18" class="minors"/>
    <line x1="5" y1="0" x2="5" y2="2" class="minors"/>
    <line x1="5" y1="20" x2="5" y2="18" class="minors"/>
    <line x1="6" y1="0" x2="6" y2="2" class="minors"/>
    <line x1="6" y1="20" x2="6" y2="18" class="minors"/>
    <line x1="7" y1="0" x2="7" y2="2" class="minors"/>
    <line x1="7" y1="20" x2="7" y2="18" class="minors"/>
    <line x1="8" y1="0" x2="8" y2="2" class="minors"/>
    <line x1="8" y1="20" x2="8" y2="18" class="minors"/>
    <line x1="9" y1="0" x2="9" y2="2" class="minors"/>
    <line x1="9" y1="20" x2="9" y2="18" class="minors"/>
    <line x1="10" y1="0" x2="10" y2="2" class="minors"/>
    <line x1="10" y1="20" x2="10" y2="18" class="minors"/>
    <line x1="11" y1="0" x2="11" y2="2" class="minors"/>
    <line x1="11" y1="20" x2="11" y2="18" class="minors"/>
    <line x1="12" y1="0" x2="12" y2="2" class="minors"/>
    <line x1="12" y1="20" x2="12" y2="18" class="minors"/>
    <line x1="13" y1="0" x2="13" y2="2" class="minors"/>
    <line x1="13" y1="20" x2="13" y2="18" class="minors"/>
    <line x1="14" y1="0" x2="14" y2="2" class="minors"/>
    <line x1="14" y1="20" x2="14" y2="18" class="minors"/>
    <line x1="15" y1="0" x2="15" y2="2" class="minors"/>
    <line x1="15" y1="20" x2="15" y2="18" class="minors"/>
    <line x1="16" y1="0" x2="16" y2="2" class="minors"/>
    <line x1="16" y1="20" x2="16" y2="18" class="minors"/>
    <line x1="17" y1="0" x2="17" y2="2" class="minors"/>
    <line x1="17" y1="20" x2="17" y2="18" class="minors"/>
    <line x1="18" y1="0" x2="18" y2="2" class="minors"/>
    <line x1="18" y1="20" x2="18" y2="18" class="minors"/>
    <line x1="19" y1="0" x2="19" y2="2" class="minors"/>
    <line x1="19" y1="20" x2="19" y2="18" class="minors"/>
    <line x1="20" y1="0" x2="20" y2="2" class="minors"/>
    <line x1="20" y1="20" x2="20" y2="18" class="minors"/>
    <line x1="21" y1="0" x2="21" y2="2" class="minors"/>
    <line x1="21" y1="20" x2="21" y2="18" class="minors"/>
    <line x1="22" y1="0" x2="22" y2="2" class="minors"/>
    <line x1="22" y1="20" x2="22" y2="18" class="minors"/>
    <line x1="23" y1="0" x2="23" y2="2" class="minors"/>
    <line x1="23" y1="20" x2="23" y2="18" class="minors"/>
    <line x1="24" y1="0" x2="24" y2="2" class="minors"/>
    <line x1="24" y1="20" x2="24" y2="18" class="minors"/>
    <line x1="25" y1="0" x2="25" y2="2" class="minors"/>
    <line x1="25" y1="20" x2="25" y2="18" class="minors"/>
    <line x1="26" y1="0" x2="26" y2="2" class="minors"/>
    <line x1="26" y1="20" x2="26" y2="18" class="minors"/>
    <line x1="27" y1="0" x2="27" y2="2" class="minors"/>
    <line x1="27" y1="20" x2="27" y2="18" class="minors"/>
    <line x1="28" y1="0" x2="28" y2="2" class="minors"/>
    <line x1="28" y1="20" x2="28" y2="18" class="minors"/>
    <line x1="29" y1="0" x2="29" y2="2" class="minors"/>
    <line x1="29" y1="20" x2="29" y2="18" class="minors"/>
    <line x1="30" y1="0" x2="30" y2="2" class="minors"/>
    <line x1="30" y1="20" x2="30" y2="18" class="minors"/>
    <line x1="31" y1="0" x2="31" y2="2" class="minors"/>
    <line x1="31" y1="20" x2="31" y2="18" class="minors"/>
    <line x1="32" y1="0" x2="32" y2="2" class="minors"/>
    <line x1="32" y1="20" x2="32" y2="18" class="minors"/>
    <line x1="33" y1="0" x2="33" y2="2" class="minors"/>
    <line x1="33" y1="20" x2="33" y2="18" class="minors"/>
    <line x1="34" y1="0" x2="34" y2="2" class="minors"/>
    <line x1="34" y1="20" x2="34" y2="18" class="minors"/>
    <line x1="35" y1="0" x2="35" y2="2" class="minors"/>
    <line x1="35" y1="20" x2="35" y2="18" class="minors"/>
    <line x1="36" y1="0" x2="36" y2="2" class="minors"/>
    <line x1="36" y1="20" x2="36" y2="18" class="minors"/>
    <line x1="37" y1="0" x2="37" y2="2" class="minors"/>
    <line x1="37" y1="20" x2="37" y2="18" class="minors"/>
    <line x1="38" y1="0" x2="38" y2="2" class="minors"/>
    <line x1="38" y1="20" x2="38" y2="18" class="minors"/>
    <line x1="39" y1="0" x2="39" y2="2" class="minors"/>
    <line x1="39" y1="20" x2="39" y2="18" class="minors"/>
    <line x1="40" y1="0" x2="40" y2="2" class="minors"/>
    <line x1="40" y1="20" x2="40" y2="18" class="minors"/>
    <line x1="41" y1="0" x2="41" y2="2" class="minors"/>
    <line x1="41" y1="20" x2="41" y2="18" class="minors"/>
    <line x1="42" y1="0" x2="42" y2="2" class="minors"/>
    <line x1="42" y1="20" x2="42" y2="18" class="minors"/>
    <line x1="43" y1="0" x2="43" y2="2" class="minors"/>
    <line x1="43" y1="20" x2="43" y2="18" class="minors"/>
    <line x1="44" y1="0" x2="44" y2="2" class="minors"/>
    <line x1="44" y1="20" x2="44" y2="18" class="minors"/>
    <line x1="45" y1="0" x2="45" y2="2" class="minors"/>
    <line x1="45" y1="20" x2="45" y2="18" class="minors"/>
    <line x1="46" y1="0" x2="46" y2="2" class="minors"/>
    <line x1="46" y1="20" x2="46" y2="18" class="minors"/>
    <line x1="47" y1="0" x2="47" y2="2" class="minors"/>
    <line x1="47" y1="20" x2="47" y2="18" class="minors"/>
    <line x1="48" y1="0" x2="48" y2="2" class="minors"/>
    <line x1="48" y1="20" x2="48" y2="18" class="minors"/>
    <line x1="49" y1="0" x2="49" y2="2" class="minors"/>
    <line x1="49" y1="20" x2="49" y2="18" class="minors"/>
    <line x1="50" y1="0" x2="50" y2="2" class="minors"/>
    <line x1="50" y1="20" x2="50" y2="18" class="minors"/>
    <line x1="51" y1="0" x2="51" y2="2" class="minors"/>
    <line x1="51" y1="20" x2="51" y2="18" class="minors"/>
    <line x1="52" y1="0" x2="52" y2="2" class="minors"/>
    <line x1="52" y1="20" x2="52" y2="18" class="minors"/>
    <line x1="53" y1="0" x2="53" y2="2" class="minors"/>
    <line x1="53" y1="20" x2="53" y2="18" class="minors"/>
    <line x1="54" y1="0" x2="54" y2="2" class="minors"/>
    <line x1="54" y1="20" x2="54" y2="18" class="minors"/>
    <line x1="55" y1="0" x2="55" y2="2" class="minors"/>
    <line x1="55" y1="20" x2="55" y2="18" class="minors"/>
    <line x1="56" y1="0" x2="56" y2="2" class="minors"/>
    <line x1="56" y1="20" x2="56" y2="18" class="minors"/>
    <line x1="57" y1="0" x2="57" y2="2" class="minors"/>
    <line x1="57" y1="20" x2="57" y2="18" class="minors"/>
    <line x1="58" y1="0" x2="58" y2="2" class="minors"/>
    <line x1="58" y1="20" x2="58" y2="18" class="minors"/>
    <line x1="59" y1="0" x2="59" y2="2" class="minors"/>
    <line x1="59" y1="20" x2="59" y2="18" class="minors"/>
    <line x1="60" y1="0" x2="60" y2="2" class="minors"/>
    <line x1="60" y1="20" x2="60" y2="18" class="minors"/>
    <line x1="61" y1="0" x2="61" y2="2" class="minors"/>
    <line x1="61" y1="20" x2="61" y2="18" class="minors"/>
    <line x1="62" y1="0" x2="62" y2="2" class="minors"/>
    <line x1="62" y1="20" x2="62" y2="18" class="minors"/>
    <line x1="63" y1="0" x2="63" y2="2" class="minors"/>
    <line x1="63" y1="20" x2="63" y2="18" class="minors"/>
    <line x1="64" y1="0" x2="64" y2="2" class="minors"/>
    <line x1="64" y1="20" x2="64" y2="18" class="minors"/>
    <line x1="65" y1="0" x2="65" y2="2" class="minors"/>
    <line x1="65" y1="20" x2="65" y2="18" class="minors"/>
    <line x1="66" y1="0" x2="66" y2="2" class="minors"/>
    <line x1="66" y1="20" x2="66" y2="18" class="minors"/>
    <line x1="67" y1="0" x2="67" y2="2" class="minors"/>
    <line x1="67" y1="20" x2="67" y2="18" class="minors"/>
    <line x1="68" y1="0" x2="68" y2="2" class="minors"/>
    <line x1="68" y1="20" x2="68" y2="18" class="minors"/>
    <line x1="69" y1="0" x2="69" y2="2" class="minors"/>
    <line x1="69" y1="20" x2="69" y2="18" class="minors"/>
    <line x1="70" y1="0" x2="70" y2="2" class="minors"/>
    <line x1="70" y1="20" x2="70" y2="18" class="minors"/>
    <line x1="71" y1="0" x2="71" y2="2" class="minors"/>
    <line x1="71" y1="20" x2="71" y2="18" class="minors"/>
    <line x1="72" y1="0" x2="72" y2="2" class="minors"/>
    <line x1="72" y1="20" x2="72" y2="18" class="minors"/>
    <line x1="73" y1="0" x2="73" y2="2" class="minors"/>
    <line x1="73" y1="20" x2="73" y2="18" class="minors"/>
    <line x1="74" y1="0" x2="74" y2="2" class="minors"/>
    <line x1="74" y1="20" x2="74" y2="18" class="minors"/>
    <line x1="75" y1="0" x2="75" y2="2" class="minors"/>
    <line x1="75" y1="20" x2="75" y2="18" class="minors"/>
    <line x1="76" y1="0" x2="76" y2="2" class="minors"/>
    <line x1="76" y1="20" x2="76" y2="18" class="minors"/>
    <line x1="77" y1="0" x2="77" y2="2" class="minors"/>
    <line x1="77" y1="20" x2="77" y2="18" class="minors"/>
    <line x1="78" y1="0" x2="78" y2="2" class="minors"/>
    <line x1="78" y1="20" x2="78" y2="18" class="minors"/>
    <line x1="79" y1="0" x2="79" y2="2" class="minors"/>
    <line x1="79" y1="20" x2="79" y2="18" class="minors"/>
    <line x1="80" y1="0" x2="80" y2="2" class="minors"/>
    <line x1="80" y1="20" x2="80" y2="18" class="minors"/>
    <line x1="81" y1="0" x2="81" y2="2" class="minors"/>
    <line x1="81" y1="20" x2="81" y2="18" class="minors"/>
    <line x1="82" y1="0" x2="82" y2="2" class="minors"/>
    <line x1="82" y1="20" x2="82" y2="18" class="minors"/>
    <line x1="83" y1="0" x2="83" y2="2" class="minors"/>
    <line x1="83" y1="20" x2="83" y2="18" class="minors"/>
    <line x1="84" y1="0" x2="84" y2="2" class="minors"/>
    <line x1="84" y1="20" x2="84" y2="18" class="minors"/>
    <line x1="85" y1="0" x2="85" y2="2" class="minors"/>
    <line x1="85" y1="20" x2="85" y2="18" class="minors"/>
    <line x1="86" y1="0" x2="86" y2="2" class="minors"/>
    <line x1="86" y1="20" x2="86" y2="18" class="minors"/>
    <line x1="87" y1="0" x2="87" y2="2" class="minors"/>
    <line x1="87" y1="20" x2="87" y2="18" class="minors"/>
    <line x1="88" y1="0" x2="88" y2="2" class="minors"/>
    <line x1="88" y1="20" x2="88" y2="18" class="minors"/>
    <line x1="89" y1="0" x2="89" y2="2" class="minors"/>
    <line x1="89" y1="20" x2="89" y2="18" class="minors"/>
    <line x1="90" y1="0" x2="90" y2="2" class="minors"/>
    <line x1="90" y1="20" x2="90" y2="18" class="minors"/>
    <line x1="91" y1="0" x2="91" y2="2" class="minors"/>
    <line x1="91" y1="20" x2="91" y2="18" class="minors"/>
    <line x1="92" y1="0" x2="92" y2="2" class="minors"/>
    <line x1="92" y1="20" x2="92" y2="18" class="minors"/>
    <line x1="93" y1="0" x2="93" y2="2" class="minors"/>
    <line x1="93" y1="20" x2="93" y2="18" class="minors"/>
    <line x1="94" y1="0" x2="94" y2="2" class="minors"/>
    <line x1="94" y1="20" x2="94" y2="18" class="minors"/>
    <line x1="95" y1="0" x2="95" y2="2" class="minors"/>
    <line x1="95" y1="20" x2="95" y2="18" class="minors"/>
    <line x1="96" y1="0" x2="96" y2="2" class="minors"/>
    <line x1="96" y1="20" x2="96" y2="18" class="minors"/>
    <line x1="97" y1="0" x2="97" y2="2" class="minors"/>
    <line x1="97" y1="20" x2="97" y2="18" class="minors"/>
    <line x1="98" y1="0" x2="98" y2="2" class="minors"/>
    <line x1="98" y1="20" x2="98" y2="18" class="minors"/>
    <line x1="99" y1="0" x2="99" y2="2" class="minors"/>
    <line x1="99" y1="20" x2="99" y2="18" class="minors"/>
    <line x1="100" y1="0" x2="100" y2="2" class="minors"/>
    <line x1="100" y1="20" x2="100" y2="18" class="minors"/>
    <line x1="101" y1="0" x2="101" y2="2" class="minors"/>
    <line x1="101" y1="20" x2="101" y2="18" class="minors"/>
    <line x1="102" y1="0" x2="102" y2="2" class="minors"/>
    <line x1="102" y1="20" x2="102" y2="18" class="minors"/>
    <line x1="103" y1="0" x2="103" y2="2" class="minors"/>
    <line x1="103" y1="20" x2="103" y2="18" class="minors"/>
    <line x1="104" y1="0" x2="104" y2="2" class="minors"/>
    <line x1="104" y1="20" x2="104" y2="18" class="minors"/>
    <line x1="105" y1="0" x2="105" y2="2" class="minors"/>
    <line x1="105" y1="20" x2="105" y2="18" class="minors"/>
    <line x1="106" y1="0" x2="106" y2="2" class="minors"/>
    <line x1="106" y1="20" x2="106" y2="18" class="minors"/>
    <line x1="107" y1="0" x2="107" y2="2" class="minors"/>
    <line x1="107" y1="20" x2="107" y2="18" class="minors"/>
    <line x1="108" y1="0" x2="108" y2="2" class="minors"/>
    <line x1="108" y1="20" x2="108" y2="18" class="minors"/>
    <line x1="109" y1="0" x2="109" y2="2" class="minors"/>
    <line x1="109" y1="20" x2="109" y2="18" class="minors"/>
    <line x1="110" y1="0" x2="110" y2="2" class="minors"/>
    <line x1="110" y1="20" x2="110" y2="18" class="minors"/>
    <line x1="111" y1="0" x2="111" y2="2" class="minors"/>
    <line x1="111" y1="20" x2="111" y2="18" class="minors"/>
    <line x1="112" y1="0" x2="112" y2="2" class="minors"/>
    <line x1="112" y1="20" x2="112" y2="18" class="minors"/>
    <line x1="113" y1="0" x2="113" y2="2" class="minors"/>
    <line x1="113" y1="20" x2="113" y2="18" class="minors"/>
    <line x1="114" y1="0" x2="114" y2="2" class="minors"/>
    <line x1="114" y1="20" x2="114" y2="18" class="minors"/>
    <line x1="115" y1="0" x2="115" y2="2" class="minors"/>
    <line x1="115" y1="20" x2="115" y2="18" class="minors"/>
    <line x1="116" y1="0" x2="116" y2="2" class="minors"/>
    <line x1="116" y1="20" x2="116" y2="18" class="minors"/>
    <line x1="117" y1="0" x2="117" y2="2" class="minors"/>
    <line x1="117" y1="20" x2="117" y2="18" class="minors"/>
    <line x1="118" y1="0" x2="118" y2="2" class="minors"/>
    <line x1="118" y1="20" x2="118" y2="18" class="minors"/>
    <line x1="119" y1="0" x2="119" y2="2" class="minors"/>
    <line x1="119" y1="20" x2="119" y2="18" class="minors"/>
    <line x1="120" y1="0" x2="120" y2="2" class="minors"/>
    <line x1="120" y1="20" x2="120" y2="18" class="minors"/>
    <line x1="121" y1="0" x2="121" y2="2" class="minors"/>
    <line x1="121" y1="20" x2="121" y2="18" class="minors"/>
    <line x1="122" y1="0" x2="122" y2="2" class="minors"/>
    <line x1="122" y1="20" x2="122" y2="18" class="minors"/>
    <line x1="123" y1="0" x2="123" y2="2" class="minors"/>
    <line x1="123" y1="20" x2="123" y2="18" class="minors"/>
    <line x1="124" y1="0" x2="124" y2="2" class="minors"/>
    <line x1="124" y1="20" x2="124" y2="18" class="minors"/>
    <line x1="125" y1="0" x2="125" y2="2" class="minors"/>
    <line x1="125" y1="20" x2="125" y2="18" class="minors"/>
    <line x1="126" y1="0" x2="126" y2="2" class="minors"/>
    <line x1="126" y1="20" x2="126" y2="18" class="minors"/>
    <line x1="127" y1="0" x2="127" y2="2" class="minors"/>
    <line x1="127" y1="20" x2="127" y2="18" class="minors"/>
    <line x1="128" y1="0" x2="128" y2="2" class="minors"/>
    <line x1="128" y1="20" x2="128" y2="18" class="minors"/>
    <line x1="129" y1="0" x2="129" y2="2" class="minors"/>
    <line x1="129" y1="20" x2="129" y2="18" class="minors"/>
    <line x1="130" y1="0" x2="130" y2="2" class="minors"/>
    <line x1="130" y1="20" x2="130" y2="18" class="minors"/>
    <line x1="131" y1="0" x2="131" y2="2" class="minors"/>
    <line x1="131" y1="20" x2="131" y2="18" class="minors"/>
    <line x1="132" y1="0" x2="132" y2="2" class="minors"/>
    <line x1="132" y1="20" x2="132" y2="18" class="minors"/>
    <line x1="133" y1="0" x2="133" y2="2" class="minors"/>
    <line x1="133" y1="20" x2="133" y2="18" class="minors"/>
    <line x1="134" y1="0" x2="134" y2="2" class="minors"/>
    <line x1="134" y1="20" x2="134" y2="18" class="minors"/>
    <line x1="135" y1="0" x2="135" y2="2" class="minors"/>
    <line x1="135" y1="20" x2="135" y2="18" class="minors"/>
    <line x1="136" y1="0" x2="136" y2="2" class="minors"/>
    <line x1="136" y1="20" x2="136" y2="18" class="minors"/>
    <line x1="137" y1="0" x2="137" y2="2" class="minors"/>
    <line x1="137" y1="20" x2="137" y2="18" class="minors"/>
    <line x1="138" y1="0" x2="138" y2="2" class="minors"/>
    <line x1="138" y1="20" x2="138" y2="18" class="minors"/>
    <line x1="139" y1="0" x2="139" y2="2" class="minors"/>
    <line x1="139" y1="20" x2="139" y2="18" class="minors"/>
    <line x1="140" y1="0" x2="140" y2="2" class="minors"/>
    <line x1="140" y1="20" x2="140" y2="18" class="minors"/>
    <line x1="141" y1="0" x2="141" y2="2" class="minors"/>
    <line x1="141" y1="20" x2="141" y2="18" class="minors"/>
    <line x1="142" y1="0" x2="142" y2="2" class="minors"/>
    <line x1="142" y1="20" x2="142" y2="18" class="minors"/>
    <line x1="143" y1="0" x2="143" y2="2" class="minors"/>
    <line x1="143" y1="20" x2="143" y2="18" class="minors"/>
    <line x1="144" y1="0" x2="144" y2="2" class="minors"/>
    <line x1="144" y1="20" x2="144" y2="18" class="minors"/>
    <line x1="145" y1="0" x2="145" y2="2" class="minors"/>
    <line x1="145" y1="20" x2="145" y2="18" class="minors"/>
    <line x1="146" y1="0" x2="146" y2="2" class="minors"/>
    <line x1="146" y1="20" x2="146" y2="18" class="minors"/>
    <line x1="147" y1="0" x2="147" y2="2" class="minors"/>
    <line x1="147" y1="20" x2="147" y2="18" class="minors"/>
    <line x1="148" y1="0" x2="148" y2="2" class="minors"/>
    <line x1="148" y1="20" x2="148" y2="18" class="minors"/>
    <line x1="149" y1="0" x2="149" y2="2" class="minors"/>
    <line x1="149" y1="20" x2="149" y2="18" class="minors"/>
    <line x1="150" y1="0" x2="150" y2="2" class="minors"/>
    <line x1="150" y1="20" x2="150" y2="18" class="minors"/>
  </g>
  <g id="halves">
    <line x1="0" y1="0" x2="0" y2="4" class="halves"/>
    <line x1="0" y1="20" x2="0" y2="16" class="halves"/>
    <line x1="5" y1="0" x2="5" y2="4" class="halves"/>
    <line x1="5" y1="20" x2="5" y2="16" class="halves"/>
    <line x1="10" y1="0" x2="10" y2="4" class="halves"/>
    <line x1="10" y1="20" x2="10" y2="16" class="halves"/>
    <line x1="15" y1="0" x2="15" y2="4" class="halves"/>
    <line x1="15" y1="20" x2="15" y2="16" class="halves"/>
    <line x1="20" y1="0" x2="20" y2="4" class="halves"/>
    <line x1="20" y1="20" x2="20" y2="16" class="halves"/>
    <line x1="25" y1="0" x2="25" y2="4" class="halves"/>
    <line x1="25" y1="20" x2="25" y2="16" class="halves"/>
    <line x1="30" y1="0" x2="30" y2="4" class="halves"/>
    <line x1="30" y1="20" x2="30" y2="16" class="halves"/>
    <line x1="35" y1="0" x2="35" y2="4" class="halves"/>
    <line x1="35" y1="20" x2="35" y2="16" class="halves"/>
    <line x1="40" y1="0" x2="40" y2="4" class="halves"/>
    <line x1="40" y1="20" x2="40" y2="16" class="halves"/>
    <line x1="45" y1="0" x2="45" y2="4" class="halves"/>
    <line x1="45" y1="20" x2="45" y2="16" class="halves"/>
    <line x1="50" y1="0" x2="50" y2="4" class="halves"/>
    <line x1="50" y1="20" x2="50" y2="16" class="halves"/>
    <line x1="55" y1="0" x2="55" y2="4" class="halves"/>
    <line x1="55" y1="20" x2="55" y2="16" class="halves"/>
    <line x1="60" y1="0" x2="60" y2="4" class="halves"/>
    <line x1="60" y1="20" x2="60" y2="16" class="halves"/>
    <line x1="65" y1="0" x2="65" y2="4" class="halves"/>
    <line x1="65" y1="20" x2="65" y2="16" class="halves"/>
    <line x1="70" y1="0" x2="70" y2="4" class="halves"/>
    <line x1="70" y1="20" x2="70" y2="16" class="halves"/>
    <line x1="75" y1="0" x2="75" y2="4" class="halves"/>
    <line x1="75" y1="20" x2="75" y2="16" class="halves"/>
    <line x1="80" y1="0" x2="80" y2="4" class="halves"/>
    <line x1="80" y1="20" x2="80" y2="16" class="halves"/>
    <line x1="85" y1="0" x2="85" y2="4" class="halves"/>
    <line x1="85" y1="20" x2="85" y2="16" class="halves"/>
    <line x1="90" y1="0" x2="90" y2="4" class="halves"/>
    <line x1="90" y1="20" x2="90" y2="16" class="halves"/>
    <line x1="95" y1="0" x2="95" y2="4" class="halves"/>
    <line x1="95" y1="20" x2="95" y2="16" class="halves"/>
    <line x1="100" y1="0" x2="100" y2="4" class="halves"/>
    <line x1="100" y1="20" x2="100" y2="16" class="halves"/>
    <line x1="105" y1="0" x2="105" y2="4" class="halves"/>
    <line x1="105" y1="20" x2="105" y2="16" class="halves"/>
    <line x1="110" y1="0" x2="110" y2="4" class="halves"/>
    <line x1="110" y1="20" x2="110" y2="16" class="halves"/>
    <line x1="115" y1="0" x2="115" y2="4" class="halves"/>
    <line x1="115" y1="20" x2="115" y2="16" class="halves"/>
    <line x1="120" y1="0" x2="120" y2="4" class="halves"/>
    <line x1="120" y1="20" x2="120" y2="16" class="halves"/>
    <line x1="125" y1="0" x2="125" y2="4" class="halves"/>
    <line x1="125" y1="20" x2="125" y2="16" class="halves"/>
    <line x1="130" y1="0" x2="130" y2="4" class="halves"/>
    <line x1="130" y1="20" x2="130" y2="16" class="halves"/>
    <line x1="135" y1="0" x2="135" y2="4" class="halves"/>
    <line x1="135" y1="20" x2="135" y2="16" class="halves"/>
    <line x1="140" y1="0" x2="140" y2="4" class="halves"/>
    <line x1="140" y1="20" x2="140" y2="16" class="halves"/>
    <line x1="145" y1="0" x2="145" y2="4" class="halves"/>
    <line x1="145" y1="20" x2="145" y2="16" class="halves"/>
    <line x1="150" y1="0" x2="150" y2="4" class="halves"/>
    <line x1="150" y1="20" x2="150" y2="16" class="halves"/>
  </g>
  <g id="majors">
    <line x1="10" y1="0" x2="10" y2="6" class="majors"/>
    <line x1="10" y1="20" x2="10" y2="14" class="majors"/>
    <line x1="20" y1="0" x2="20" y2="6" class="majors"/>
    <line x1="20" y1="20" x2="20" y2="14" class="majors"/>
    <line x1="30" y1="0" x2="30" y2="6" class="majors"/>
    <line x1="30" y1="20" x2="30" y2="14" class="majors"/>
    <line x1="40" y1="0" x2="40" y2="6" class="majors"/>
    <line x1="40" y1="20" x2="40" y2="14" class="majors"/>
    <line x1="50" y1="0" x2="50" y2="6" class="majors"/>
    <line x1="50" y1="20" x2="50" y2="14" class="majors"/>
    <line x1="60" y1="0" x2="60" y2="6" class="majors"/>
    <line x1="60" y1="20" x2="60" y2="14" class="majors"/>
    <line x1="70" y1="0" x2="70" y2="6" class="majors"/>
    <line x1="70" y1="20" x2="70" y2="14" class="majors"/>
    <line x1="80" y1="0" x2="80" y2="6" class="majors"/>
    <line x1="80" y1="20" x2="80" y2="14" class="majors"/>
    <line x1="90" y1="0" x2="90" y2="6" class="majors"/>
    <line x1="90" y1="20" x2="90" y2="14" class="majors"/>
    <line x1="100" y1="0" x2="100" y2="6" class="majors"/>
    <line x1="100" y1="20" x2="100" y2="14" class="majors"/>
    <line x1="110" y1="0" x2="110" y2="6" class="majors"/>
    <line x1="110" y1="20" x2="110" y2="14" class="majors"/>
    <line x1="120" y1="0" x2="120" y2="6" class="majors"/>
    <line x1="120" y1="20" x2="120" y2="14" class="majors"/>
    <line x1="130" y1="0" x2="130" y2="6" class="majors"/>
    <line x1="130" y1="20" x2="130" y2="14" class="majors"/>
    <line x1="140" y1="0" x2="140" y2="6" class="majors"/>
    <line x1="140" y1="20" x2="140" y2="14" class="majors"/>
    <g id="labels">
      <text text-anchor="middle" x="10" y="11.5" class="labels">1</text>
      <text text-anchor="middle" x="20" y="11.5" class="labels">2</text>
      <text text-anchor="middle" x="30" y="11.5" class="labels">3</text>
      <text text-anchor="middle" x="40" y="11.5" class="labels">4</text>
      <text text-anchor="middle" x="50" y="11.5" class="labels">5</text>
      <text text-anchor="middle" x="60" y="11.5" class="labels">6</text>
      <text text-anchor="middle" x="70" y="11.5" class="labels">7</text>
      <text text-anchor="middle" x="80" y="11.5" class="labels">8</text>
      <text text-anchor="middle" x="90" y="11.5" class="labels">9</text>
      <text text-anchor="middle" x="100" y="11.5" class="labels">10</text>
      <text text-anchor="middle" x="110" y="11.5" class="labels">11</text>
      <text text-anchor="middle" x="120" y="11.5" class="labels">12</text>
      <text text-anchor="middle" x="130" y="11.5" class="labels">13</text>
      <text text-anchor="middle" x="140" y="11.5" class="labels">14</text>
    </g>
  </g>
</svg>


<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="210mm" height="50mm" viewBox="0 0 210 50">
  <style type="text/css">
    <![CDATA[
      .labels {
        fill: white;
        font: 3pt monospace;
      }
      .majors {
        stroke: white;
        stroke-width: 0.2;
      }
      .halves {
        stroke: white;
        stroke-width: 0.1;
      }
      .minors {
        stroke: white;
        stroke-width: 0.1;
      }
      .frame {
        stroke: white;
        stroke-width: 0.05;
        fill: none;
      }
    ]]>
  </style>
  <rect id="frame" width="150" height="20" class="frame"/>
  <g id="minors">
    <line x1="0" y1="0" x2="0" y2="2" class="minors"/>
    <line x1="0" y1="20" x2="0" y2="18" class="minors"/>
    <line x1="1" y1="0" x2="1" y2="2" class="minors"/>
    <line x1="1" y1="20" x2="1" y2="18" class="minors"/>
    <line x1="2" y1="0" x2="2" y2="2" class="minors"/>
    <line x1="2" y1="20" x2="2" y2="18" class="minors"/>
    <line x1="3" y1="0" x2="3" y2="2" class="minors"/>
    <line x1="3" y1="20" x2="3" y2="18" class="minors"/>
    <line x1="4" y1="0" x2="4" y2="2" class="minors"/>
    <line x1="4" y1="20" x2="4" y2="18" class="minors"/>
    <line x1="5" y1="0" x2="5" y2="2" class="minors"/>
    <line x1="5" y1="20" x2="5" y2="18" class="minors"/>
    <line x1="6" y1="0" x2="6" y2="2" class="minors"/>
    <line x1="6" y1="20" x2="6" y2="18" class="minors"/>
    <line x1="7" y1="0" x2="7" y2="2" class="minors"/>
    <line x1="7" y1="20" x2="7" y2="18" class="minors"/>
    <line x1="8" y1="0" x2="8" y2="2" class="minors"/>
    <line x1="8" y1="20" x2="8" y2="18" class="minors"/>
    <line x1="9" y1="0" x2="9" y2="2" class="minors"/>
    <line x1="9" y1="20" x2="9" y2="18" class="minors"/>
    <line x1="10" y1="0" x2="10" y2="2" class="minors"/>
    <line x1="10" y1="20" x2="10" y2="18" class="minors"/>
    <line x1="11" y1="0" x2="11" y2="2" class="minors"/>
    <line x1="11" y1="20" x2="11" y2="18" class="minors"/>
    <line x1="12" y1="0" x2="12" y2="2" class="minors"/>
    <line x1="12" y1="20" x2="12" y2="18" class="minors"/>
    <line x1="13" y1="0" x2="13" y2="2" class="minors"/>
    <line x1="13" y1="20" x2="13" y2="18" class="minors"/>
    <line x1="14" y1="0" x2="14" y2="2" class="minors"/>
    <line x1="14" y1="20" x2="14" y2="18" class="minors"/>
    <line x1="15" y1="0" x2="15" y2="2" class="minors"/>
    <line x1="15" y1="20" x2="15" y2="18" class="minors"/>
    <line x1="16" y1="0" x2="16" y2="2" class="minors"/>
    <line x1="16" y1="20" x2="16" y2="18" class="minors"/>
    <line x1="17" y1="0" x2="17" y2="2" class="minors"/>
    <line x1="17" y1="20" x2="17" y2="18" class="minors"/>
    <line x1="18" y1="0" x2="18" y2="2" class="minors"/>
    <line x1="18" y1="20" x2="18" y2="18" class="minors"/>
    <line x1="19" y1="0" x2="19" y2="2" class="minors"/>
    <line x1="19" y1="20" x2="19" y2="18" class="minors"/>
    <line x1="20" y1="0" x2="20" y2="2" class="minors"/>
    <line x1="20" y1="20" x2="20" y2="18" class="minors"/>
    <line x1="21" y1="0" x2="21" y2="2" class="minors"/>
    <line x1="21" y1="20" x2="21" y2="18" class="minors"/>
    <line x1="22" y1="0" x2="22" y2="2" class="minors"/>
    <line x1="22" y1="20" x2="22" y2="18" class="minors"/>
    <line x1="23" y1="0" x2="23" y2="2" class="minors"/>
    <line x1="23" y1="20" x2="23" y2="18" class="minors"/>
    <line x1="24" y1="0" x2="24" y2="2" class="minors"/>
    <line x1="24" y1="20" x2="24" y2="18" class="minors"/>
    <line x1="25" y1="0" x2="25" y2="2" class="minors"/>
    <line x1="25" y1="20" x2="25" y2="18" class="minors"/>
    <line x1="26" y1="0" x2="26" y2="2" class="minors"/>
    <line x1="26" y1="20" x2="26" y2="18" class="minors"/>
    <line x1="27" y1="0" x2="27" y2="2" class="minors"/>
    <line x1="27" y1="20" x2="27" y2="18" class="minors"/>
    <line x1="28" y1="0" x2="28" y2="2" class="minors"/>
    <line x1="28" y1="20" x2="28" y2="18" class="minors"/>
    <line x1="29" y1="0" x2="29" y2="2" class="minors"/>
    <line x1="29" y1="20" x2="29" y2="18" class="minors"/>
    <line x1="30" y1="0" x2="30" y2="2" class="minors"/>
    <line x1="30" y1="20" x2="30" y2="18" class="minors"/>
    <line x1="31" y1="0" x2="31" y2="2" class="minors"/>
    <line x1="31" y1="20" x2="31" y2="18" class="minors"/>
    <line x1="32" y1="0" x2="32" y2="2" class="minors"/>
    <line x1="32" y1="20" x2="32" y2="18" class="minors"/>
    <line x1="33" y1="0" x2="33" y2="2" class="minors"/>
    <line x1="33" y1="20" x2="33" y2="18" class="minors"/>
    <line x1="34" y1="0" x2="34" y2="2" class="minors"/>
    <line x1="34" y1="20" x2="34" y2="18" class="minors"/>
    <line x1="35" y1="0" x2="35" y2="2" class="minors"/>
    <line x1="35" y1="20" x2="35" y2="18" class="minors"/>
    <line x1="36" y1="0" x2="36" y2="2" class="minors"/>
    <line x1="36" y1="20" x2="36" y2="18" class="minors"/>
    <line x1="37" y1="0" x2="37" y2="2" class="minors"/>
    <line x1="37" y1="20" x2="37" y2="18" class="minors"/>
    <line x1="38" y1="0" x2="38" y2="2" class="minors"/>
    <line x1="38" y1="20" x2="38" y2="18" class="minors"/>
    <line x1="39" y1="0" x2="39" y2="2" class="minors"/>
    <line x1="39" y1="20" x2="39" y2="18" class="minors"/>
    <line x1="40" y1="0" x2="40" y2="2" class="minors"/>
    <line x1="40" y1="20" x2="40" y2="18" class="minors"/>
    <line x1="41" y1="0" x2="41" y2="2" class="minors"/>
    <line x1="41" y1="20" x2="41" y2="18" class="minors"/>
    <line x1="42" y1="0" x2="42" y2="2" class="minors"/>
    <line x1="42" y1="20" x2="42" y2="18" class="minors"/>
    <line x1="43" y1="0" x2="43" y2="2" class="minors"/>
    <line x1="43" y1="20" x2="43" y2="18" class="minors"/>
    <line x1="44" y1="0" x2="44" y2="2" class="minors"/>
    <line x1="44" y1="20" x2="44" y2="18" class="minors"/>
    <line x1="45" y1="0" x2="45" y2="2" class="minors"/>
    <line x1="45" y1="20" x2="45" y2="18" class="minors"/>
    <line x1="46" y1="0" x2="46" y2="2" class="minors"/>
    <line x1="46" y1="20" x2="46" y2="18" class="minors"/>
    <line x1="47" y1="0" x2="47" y2="2" class="minors"/>
    <line x1="47" y1="20" x2="47" y2="18" class="minors"/>
    <line x1="48" y1="0" x2="48" y2="2" class="minors"/>
    <line x1="48" y1="20" x2="48" y2="18" class="minors"/>
    <line x1="49" y1="0" x2="49" y2="2" class="minors"/>
    <line x1="49" y1="20" x2="49" y2="18" class="minors"/>
    <line x1="50" y1="0" x2="50" y2="2" class="minors"/>
    <line x1="50" y1="20" x2="50" y2="18" class="minors"/>
    <line x1="51" y1="0" x2="51" y2="2" class="minors"/>
    <line x1="51" y1="20" x2="51" y2="18" class="minors"/>
    <line x1="52" y1="0" x2="52" y2="2" class="minors"/>
    <line x1="52" y1="20" x2="52" y2="18" class="minors"/>
    <line x1="53" y1="0" x2="53" y2="2" class="minors"/>
    <line x1="53" y1="20" x2="53" y2="18" class="minors"/>
    <line x1="54" y1="0" x2="54" y2="2" class="minors"/>
    <line x1="54" y1="20" x2="54" y2="18" class="minors"/>
    <line x1="55" y1="0" x2="55" y2="2" class="minors"/>
    <line x1="55" y1="20" x2="55" y2="18" class="minors"/>
    <line x1="56" y1="0" x2="56" y2="2" class="minors"/>
    <line x1="56" y1="20" x2="56" y2="18" class="minors"/>
    <line x1="57" y1="0" x2="57" y2="2" class="minors"/>
    <line x1="57" y1="20" x2="57" y2="18" class="minors"/>
    <line x1="58" y1="0" x2="58" y2="2" class="minors"/>
    <line x1="58" y1="20" x2="58" y2="18" class="minors"/>
    <line x1="59" y1="0" x2="59" y2="2" class="minors"/>
    <line x1="59" y1="20" x2="59" y2="18" class="minors"/>
    <line x1="60" y1="0" x2="60" y2="2" class="minors"/>
    <line x1="60" y1="20" x2="60" y2="18" class="minors"/>
    <line x1="61" y1="0" x2="61" y2="2" class="minors"/>
    <line x1="61" y1="20" x2="61" y2="18" class="minors"/>
    <line x1="62" y1="0" x2="62" y2="2" class="minors"/>
    <line x1="62" y1="20" x2="62" y2="18" class="minors"/>
    <line x1="63" y1="0" x2="63" y2="2" class="minors"/>
    <line x1="63" y1="20" x2="63" y2="18" class="minors"/>
    <line x1="64" y1="0" x2="64" y2="2" class="minors"/>
    <line x1="64" y1="20" x2="64" y2="18" class="minors"/>
    <line x1="65" y1="0" x2="65" y2="2" class="minors"/>
    <line x1="65" y1="20" x2="65" y2="18" class="minors"/>
    <line x1="66" y1="0" x2="66" y2="2" class="minors"/>
    <line x1="66" y1="20" x2="66" y2="18" class="minors"/>
    <line x1="67" y1="0" x2="67" y2="2" class="minors"/>
    <line x1="67" y1="20" x2="67" y2="18" class="minors"/>
    <line x1="68" y1="0" x2="68" y2="2" class="minors"/>
    <line x1="68" y1="20" x2="68" y2="18" class="minors"/>
    <line x1="69" y1="0" x2="69" y2="2" class="minors"/>
    <line x1="69" y1="20" x2="69" y2="18" class="minors"/>
    <line x1="70" y1="0" x2="70" y2="2" class="minors"/>
    <line x1="70" y1="20" x2="70" y2="18" class="minors"/>
    <line x1="71" y1="0" x2="71" y2="2" class="minors"/>
    <line x1="71" y1="20" x2="71" y2="18" class="minors"/>
    <line x1="72" y1="0" x2="72" y2="2" class="minors"/>
    <line x1="72" y1="20" x2="72" y2="18" class="minors"/>
    <line x1="73" y1="0" x2="73" y2="2" class="minors"/>
    <line x1="73" y1="20" x2="73" y2="18" class="minors"/>
    <line x1="74" y1="0" x2="74" y2="2" class="minors"/>
    <line x1="74" y1="20" x2="74" y2="18" class="minors"/>
    <line x1="75" y1="0" x2="75" y2="2" class="minors"/>
    <line x1="75" y1="20" x2="75" y2="18" class="minors"/>
    <line x1="76" y1="0" x2="76" y2="2" class="minors"/>
    <line x1="76" y1="20" x2="76" y2="18" class="minors"/>
    <line x1="77" y1="0" x2="77" y2="2" class="minors"/>
    <line x1="77" y1="20" x2="77" y2="18" class="minors"/>
    <line x1="78" y1="0" x2="78" y2="2" class="minors"/>
    <line x1="78" y1="20" x2="78" y2="18" class="minors"/>
    <line x1="79" y1="0" x2="79" y2="2" class="minors"/>
    <line x1="79" y1="20" x2="79" y2="18" class="minors"/>
    <line x1="80" y1="0" x2="80" y2="2" class="minors"/>
    <line x1="80" y1="20" x2="80" y2="18" class="minors"/>
    <line x1="81" y1="0" x2="81" y2="2" class="minors"/>
    <line x1="81" y1="20" x2="81" y2="18" class="minors"/>
    <line x1="82" y1="0" x2="82" y2="2" class="minors"/>
    <line x1="82" y1="20" x2="82" y2="18" class="minors"/>
    <line x1="83" y1="0" x2="83" y2="2" class="minors"/>
    <line x1="83" y1="20" x2="83" y2="18" class="minors"/>
    <line x1="84" y1="0" x2="84" y2="2" class="minors"/>
    <line x1="84" y1="20" x2="84" y2="18" class="minors"/>
    <line x1="85" y1="0" x2="85" y2="2" class="minors"/>
    <line x1="85" y1="20" x2="85" y2="18" class="minors"/>
    <line x1="86" y1="0" x2="86" y2="2" class="minors"/>
    <line x1="86" y1="20" x2="86" y2="18" class="minors"/>
    <line x1="87" y1="0" x2="87" y2="2" class="minors"/>
    <line x1="87" y1="20" x2="87" y2="18" class="minors"/>
    <line x1="88" y1="0" x2="88" y2="2" class="minors"/>
    <line x1="88" y1="20" x2="88" y2="18" class="minors"/>
    <line x1="89" y1="0" x2="89" y2="2" class="minors"/>
    <line x1="89" y1="20" x2="89" y2="18" class="minors"/>
    <line x1="90" y1="0" x2="90" y2="2" class="minors"/>
    <line x1="90" y1="20" x2="90" y2="18" class="minors"/>
    <line x1="91" y1="0" x2="91" y2="2" class="minors"/>
    <line x1="91" y1="20" x2="91" y2="18" class="minors"/>
    <line x1="92" y1="0" x2="92" y2="2" class="minors"/>
    <line x1="92" y1="20" x2="92" y2="18" class="minors"/>
    <line x1="93" y1="0" x2="93" y2="2" class="minors"/>
    <line x1="93" y1="20" x2="93" y2="18" class="minors"/>
    <line x1="94" y1="0" x2="94" y2="2" class="minors"/>
    <line x1="94" y1="20" x2="94" y2="18" class="minors"/>
    <line x1="95" y1="0" x2="95" y2="2" class="minors"/>
    <line x1="95" y1="20" x2="95" y2="18" class="minors"/>
    <line x1="96" y1="0" x2="96" y2="2" class="minors"/>
    <line x1="96" y1="20" x2="96" y2="18" class="minors"/>
    <line x1="97" y1="0" x2="97" y2="2" class="minors"/>
    <line x1="97" y1="20" x2="97" y2="18" class="minors"/>
    <line x1="98" y1="0" x2="98" y2="2" class="minors"/>
    <line x1="98" y1="20" x2="98" y2="18" class="minors"/>
    <line x1="99" y1="0" x2="99" y2="2" class="minors"/>
    <line x1="99" y1="20" x2="99" y2="18" class="minors"/>
    <line x1="100" y1="0" x2="100" y2="2" class="minors"/>
    <line x1="100" y1="20" x2="100" y2="18" class="minors"/>
    <line x1="101" y1="0" x2="101" y2="2" class="minors"/>
    <line x1="101" y1="20" x2="101" y2="18" class="minors"/>
    <line x1="102" y1="0" x2="102" y2="2" class="minors"/>
    <line x1="102" y1="20" x2="102" y2="18" class="minors"/>
    <line x1="103" y1="0" x2="103" y2="2" class="minors"/>
    <line x1="103" y1="20" x2="103" y2="18" class="minors"/>
    <line x1="104" y1="0" x2="104" y2="2" class="minors"/>
    <line x1="104" y1="20" x2="104" y2="18" class="minors"/>
    <line x1="105" y1="0" x2="105" y2="2" class="minors"/>
    <line x1="105" y1="20" x2="105" y2="18" class="minors"/>
    <line x1="106" y1="0" x2="106" y2="2" class="minors"/>
    <line x1="106" y1="20" x2="106" y2="18" class="minors"/>
    <line x1="107" y1="0" x2="107" y2="2" class="minors"/>
    <line x1="107" y1="20" x2="107" y2="18" class="minors"/>
    <line x1="108" y1="0" x2="108" y2="2" class="minors"/>
    <line x1="108" y1="20" x2="108" y2="18" class="minors"/>
    <line x1="109" y1="0" x2="109" y2="2" class="minors"/>
    <line x1="109" y1="20" x2="109" y2="18" class="minors"/>
    <line x1="110" y1="0" x2="110" y2="2" class="minors"/>
    <line x1="110" y1="20" x2="110" y2="18" class="minors"/>
    <line x1="111" y1="0" x2="111" y2="2" class="minors"/>
    <line x1="111" y1="20" x2="111" y2="18" class="minors"/>
    <line x1="112" y1="0" x2="112" y2="2" class="minors"/>
    <line x1="112" y1="20" x2="112" y2="18" class="minors"/>
    <line x1="113" y1="0" x2="113" y2="2" class="minors"/>
    <line x1="113" y1="20" x2="113" y2="18" class="minors"/>
    <line x1="114" y1="0" x2="114" y2="2" class="minors"/>
    <line x1="114" y1="20" x2="114" y2="18" class="minors"/>
    <line x1="115" y1="0" x2="115" y2="2" class="minors"/>
    <line x1="115" y1="20" x2="115" y2="18" class="minors"/>
    <line x1="116" y1="0" x2="116" y2="2" class="minors"/>
    <line x1="116" y1="20" x2="116" y2="18" class="minors"/>
    <line x1="117" y1="0" x2="117" y2="2" class="minors"/>
    <line x1="117" y1="20" x2="117" y2="18" class="minors"/>
    <line x1="118" y1="0" x2="118" y2="2" class="minors"/>
    <line x1="118" y1="20" x2="118" y2="18" class="minors"/>
    <line x1="119" y1="0" x2="119" y2="2" class="minors"/>
    <line x1="119" y1="20" x2="119" y2="18" class="minors"/>
    <line x1="120" y1="0" x2="120" y2="2" class="minors"/>
    <line x1="120" y1="20" x2="120" y2="18" class="minors"/>
    <line x1="121" y1="0" x2="121" y2="2" class="minors"/>
    <line x1="121" y1="20" x2="121" y2="18" class="minors"/>
    <line x1="122" y1="0" x2="122" y2="2" class="minors"/>
    <line x1="122" y1="20" x2="122" y2="18" class="minors"/>
    <line x1="123" y1="0" x2="123" y2="2" class="minors"/>
    <line x1="123" y1="20" x2="123" y2="18" class="minors"/>
    <line x1="124" y1="0" x2="124" y2="2" class="minors"/>
    <line x1="124" y1="20" x2="124" y2="18" class="minors"/>
    <line x1="125" y1="0" x2="125" y2="2" class="minors"/>
    <line x1="125" y1="20" x2="125" y2="18" class="minors"/>
    <line x1="126" y1="0" x2="126" y2="2" class="minors"/>
    <line x1="126" y1="20" x2="126" y2="18" class="minors"/>
    <line x1="127" y1="0" x2="127" y2="2" class="minors"/>
    <line x1="127" y1="20" x2="127" y2="18" class="minors"/>
    <line x1="128" y1="0" x2="128" y2="2" class="minors"/>
    <line x1="128" y1="20" x2="128" y2="18" class="minors"/>
    <line x1="129" y1="0" x2="129" y2="2" class="minors"/>
    <line x1="129" y1="20" x2="129" y2="18" class="minors"/>
    <line x1="130" y1="0" x2="130" y2="2" class="minors"/>
    <line x1="130" y1="20" x2="130" y2="18" class="minors"/>
    <line x1="131" y1="0" x2="131" y2="2" class="minors"/>
    <line x1="131" y1="20" x2="131" y2="18" class="minors"/>
    <line x1="132" y1="0" x2="132" y2="2" class="minors"/>
    <line x1="132" y1="20" x2="132" y2="18" class="minors"/>
    <line x1="133" y1="0" x2="133" y2="2" class="minors"/>
    <line x1="133" y1="20" x2="133" y2="18" class="minors"/>
    <line x1="134" y1="0" x2="134" y2="2" class="minors"/>
    <line x1="134" y1="20" x2="134" y2="18" class="minors"/>
    <line x1="135" y1="0" x2="135" y2="2" class="minors"/>
    <line x1="135" y1="20" x2="135" y2="18" class="minors"/>
    <line x1="136" y1="0" x2="136" y2="2" class="minors"/>
    <line x1="136" y1="20" x2="136" y2="18" class="minors"/>
    <line x1="137" y1="0" x2="137" y2="2" class="minors"/>
    <line x1="137" y1="20" x2="137" y2="18" class="minors"/>
    <line x1="138" y1="0" x2="138" y2="2" class="minors"/>
    <line x1="138" y1="20" x2="138" y2="18" class="minors"/>
    <line x1="139" y1="0" x2="139" y2="2" class="minors"/>
    <line x1="139" y1="20" x2="139" y2="18" class="minors"/>
    <line x1="140" y1="0" x2="140" y2="2" class="minors"/>
    <line x1="140" y1="20" x2="140" y2="18" class="minors"/>
    <line x1="141" y1="0" x2="141" y2="2" class="minors"/>
    <line x1="141" y1="20" x2="141" y2="18" class="minors"/>
    <line x1="142" y1="0" x2="142" y2="2" class="minors"/>
    <line x1="142" y1="20" x2="142" y2="18" class="minors"/>
    <line x1="143" y1="0" x2="143" y2="2" class="minors"/>
    <line x1="143" y1="20" x2="143" y2="18" class="minors"/>
    <line x1="144" y1="0" x2="144" y2="2" class="minors"/>
    <line x1="144" y1="20" x2="144" y2="18" class="minors"/>
    <line x1="145" y1="0" x2="145" y2="2" class="minors"/>
    <line x1="145" y1="20" x2="145" y2="18" class="minors"/>
    <line x1="146" y1="0" x2="146" y2="2" class="minors"/>
    <line x1="146" y1="20" x2="146" y2="18" class="minors"/>
    <line x1="147" y1="0" x2="147" y2="2" class="minors"/>
    <line x1="147" y1="20" x2="147" y2="18" class="minors"/>
    <line x1="148" y1="0" x2="148" y2="2" class="minors"/>
    <line x1="148" y1="20" x2="148" y2="18" class="minors"/>
    <line x1="149" y1="0" x2="149" y2="2" class="minors"/>
    <line x1="149" y1="20" x2="149" y2="18" class="minors"/>
    <line x1="150" y1="0" x2="150" y2="2" class="minors"/>
    <line x1="150" y1="20" x2="150" y2="18" class="minors"/>
  </g>
  <g id="halves">
    <line x1="0" y1="0" x2="0" y2="4" class="halves"/>
    <line x1="0" y1="20" x2="0" y2="16" class="halves"/>
    <line x1="5" y1="0" x2="5" y2="4" class="halves"/>
    <line x1="5" y1="20" x2="5" y2="16" class="halves"/>
    <line x1="10" y1="0" x2="10" y2="4" class="halves"/>
    <line x1="10" y1="20" x2="10" y2="16" class="halves"/>
    <line x1="15" y1="0" x2="15" y2="4" class="halves"/>
    <line x1="15" y1="20" x2="15" y2="16" class="halves"/>
    <line x1="20" y1="0" x2="20" y2="4" class="halves"/>
    <line x1="20" y1="20" x2="20" y2="16" class="halves"/>
    <line x1="25" y1="0" x2="25" y2="4" class="halves"/>
    <line x1="25" y1="20" x2="25" y2="16" class="halves"/>
    <line x1="30" y1="0" x2="30" y2="4" class="halves"/>
    <line x1="30" y1="20" x2="30" y2="16" class="halves"/>
    <line x1="35" y1="0" x2="35" y2="4" class="halves"/>
    <line x1="35" y1="20" x2="35" y2="16" class="halves"/>
    <line x1="40" y1="0" x2="40" y2="4" class="halves"/>
    <line x1="40" y1="20" x2="40" y2="16" class="halves"/>
    <line x1="45" y1="0" x2="45" y2="4" class="halves"/>
    <line x1="45" y1="20" x2="45" y2="16" class="halves"/>
    <line x1="50" y1="0" x2="50" y2="4" class="halves"/>
    <line x1="50" y1="20" x2="50" y2="16" class="halves"/>
    <line x1="55" y1="0" x2="55" y2="4" class="halves"/>
    <line x1="55" y1="20" x2="55" y2="16" class="halves"/>
    <line x1="60" y1="0" x2="60" y2="4" class="halves"/>
    <line x1="60" y1="20" x2="60" y2="16" class="halves"/>
    <line x1="65" y1="0" x2="65" y2="4" class="halves"/>
    <line x1="65" y1="20" x2="65" y2="16" class="halves"/>
    <line x1="70" y1="0" x2="70" y2="4" class="halves"/>
    <line x1="70" y1="20" x2="70" y2="16" class="halves"/>
    <line x1="75" y1="0" x2="75" y2="4" class="halves"/>
    <line x1="75" y1="20" x2="75" y2="16" class="halves"/>
    <line x1="80" y1="0" x2="80" y2="4" class="halves"/>
    <line x1="80" y1="20" x2="80" y2="16" class="halves"/>
    <line x1="85" y1="0" x2="85" y2="4" class="halves"/>
    <line x1="85" y1="20" x2="85" y2="16" class="halves"/>
    <line x1="90" y1="0" x2="90" y2="4" class="halves"/>
    <line x1="90" y1="20" x2="90" y2="16" class="halves"/>
    <line x1="95" y1="0" x2="95" y2="4" class="halves"/>
    <line x1="95" y1="20" x2="95" y2="16" class="halves"/>
    <line x1="100" y1="0" x2="100" y2="4" class="halves"/>
    <line x1="100" y1="20" x2="100" y2="16" class="halves"/>
    <line x1="105" y1="0" x2="105" y2="4" class="halves"/>
    <line x1="105" y1="20" x2="105" y2="16" class="halves"/>
    <line x1="110" y1="0" x2="110" y2="4" class="halves"/>
    <line x1="110" y1="20" x2="110" y2="16" class="halves"/>
    <line x1="115" y1="0" x2="115" y2="4" class="halves"/>
    <line x1="115" y1="20" x2="115" y2="16" class="halves"/>
    <line x1="120" y1="0" x2="120" y2="4" class="halves"/>
    <line x1="120" y1="20" x2="120" y2="16" class="halves"/>
    <line x1="125" y1="0" x2="125" y2="4" class="halves"/>
    <line x1="125" y1="20" x2="125" y2="16" class="halves"/>
    <line x1="130" y1="0" x2="130" y2="4" class="halves"/>
    <line x1="130" y1="20" x2="130" y2="16" class="halves"/>
    <line x1="135" y1="0" x2="135" y2="4" class="halves"/>
    <line x1="135" y1="20" x2="135" y2="16" class="halves"/>
    <line x1="140" y1="0" x2="140" y2="4" class="halves"/>
    <line x1="140" y1="20" x2="140" y2="16" class="halves"/>
    <line x1="145" y1="0" x2="145" y2="4" class="halves"/>
    <line x1="145" y1="20" x2="145" y2="16" class="halves"/>
    <line x1="150" y1="0" x2="150" y2="4" class="halves"/>
    <line x1="150" y1="20" x2="150" y2="16" class="halves"/>
  </g>
  <g id="majors">
    <line x1="10" y1="0" x2="10" y2="6" class="majors"/>
    <line x1="10" y1="20" x2="10" y2="14" class="majors"/>
    <line x1="20" y1="0" x2="20" y2="6" class="majors"/>
    <line x1="20" y1="20" x2="20" y2="14" class="majors"/>
    <line x1="30" y1="0" x2="30" y2="6" class="majors"/>
    <line x1="30" y1="20" x2="30" y2="14" class="majors"/>
    <line x1="40" y1="0" x2="40" y2="6" class="majors"/>
    <line x1="40" y1="20" x2="40" y2="14" class="majors"/>
    <line x1="50" y1="0" x2="50" y2="6" class="majors"/>
    <line x1="50" y1="20" x2="50" y2="14" class="majors"/>
    <line x1="60" y1="0" x2="60" y2="6" class="majors"/>
    <line x1="60" y1="20" x2="60" y2="14" class="majors"/>
    <line x1="70" y1="0" x2="70" y2="6" class="majors"/>
    <line x1="70" y1="20" x2="70" y2="14" class="majors"/>
    <line x1="80" y1="0" x2="80" y2="6" class="majors"/>
    <line x1="80" y1="20" x2="80" y2="14" class="majors"/>
    <line x1="90" y1="0" x2="90" y2="6" class="majors"/>
    <line x1="90" y1="20" x2="90" y2="14" class="majors"/>
    <line x1="100" y1="0" x2="100" y2="6" class="majors"/>
    <line x1="100" y1="20" x2="100" y2="14" class="majors"/>
    <line x1="110" y1="0" x2="110" y2="6" class="majors"/>
    <line x1="110" y1="20" x2="110" y2="14" class="majors"/>
    <line x1="120" y1="0" x2="120" y2="6" class="majors"/>
    <line x1="120" y1="20" x2="120" y2="14" class="majors"/>
    <line x1="130" y1="0" x2="130" y2="6" class="majors"/>
    <line x1="130" y1="20" x2="130" y2="14" class="majors"/>
    <line x1="140" y1="0" x2="140" y2="6" class="majors"/>
    <line x1="140" y1="20" x2="140" y2="14" class="majors"/>
    <g id="labels">
      <text text-anchor="middle" x="10" y="11.5" class="labels">1</text>
      <text text-anchor="middle" x="20" y="11.5" class="labels">2</text>
      <text text-anchor="middle" x="30" y="11.5" class="labels">3</text>
      <text text-anchor="middle" x="40" y="11.5" class="labels">4</text>
      <text text-anchor="middle" x="50" y="11.5" class="labels">5</text>
      <text text-anchor="middle" x="60" y="11.5" class="labels">6</text>
      <text text-anchor="middle" x="70" y="11.5" class="labels">7</text>
      <text text-anchor="middle" x="80" y="11.5" class="labels">8</text>
      <text text-anchor="middle" x="90" y="11.5" class="labels">9</text>
      <text text-anchor="middle" x="100" y="11.5" class="labels">10</text>
      <text text-anchor="middle" x="110" y="11.5" class="labels">11</text>
      <text text-anchor="middle" x="120" y="11.5" class="labels">12</text>
      <text text-anchor="middle" x="130" y="11.5" class="labels">13</text>
      <text text-anchor="middle" x="140" y="11.5" class="labels">14</text>
    </g>
  </g>
</svg>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.