Stačí přidat do HTML příslušný počet:

<line x1="15" y1="0" x2="16" y2="0" />

Případně změnit třeba na:

<line x1="15.5" y1="0" x2="16" y2="0" />

aby čárky byly kratší.

A pak do CSS příslušný počet:

.marks > line:nth-child(XXX) {
  transform: rotate(calc(YYYdeg));
}

Případně změnit na:

.marks > line:nth-child(XXX) {
  transform: rotate(calc(YYYdeg));
  stroke-width: 0.1;
}

aby čárky byly užší.