https://www.biostars.org/p/367522 Plotting overlapping genomic segments in R :: svg xml

README.md

echo -e '@HD\tVN:1.4\tSO:unsorted\n@SQ\tSN:2\tLN:243199373' > tmp.dict &&  \
java -jar dist/biostar336589.jar -a 60 -R tmp.dict <(grep -v Chr input.bed)  > out.svg

biostar367522.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="440.0" height="440.0">
  <style>g.maing {stroke:black;stroke-width:0.5px;fill:whitesmoke;font-size:10pt;}
.feature {stroke:lightcoral;stroke-width:0.3px;fill:rosybrown;opacity:0.8;pointer-events:all;cursor:crosshair;}.contig0 {stroke:dimgray;stroke-width:0.8px;fill:gainsboro;}.contig1 {stroke:dimgray;stroke-width:0.8px;fill:lightgrey;}.contig {stroke:none;fill:steelblue;}circle.track {stroke:lightgray;fill:none;stroke-width:0.8px;}</style>
  <script><![CDATA[function openGenomeBrowser(contig,chromStart,chromEnd) {
}
function clicked(evt,contig,chromStart,chromEnd){
   openGenomeBrowser(contig,chromStart,chromEnd);
}
]]></script>
  <title>Biostar336589</title>
  <g class="maing">
    <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 220 220" to="360 220 220" dur="60s" repeatCount="indefinite"/>
    <g transform="translate(220,220)">
      <g>
        <g>
          <!--track /dev/fd/63-->
          <g>
            <path d="M 98.7 -16.06 A 100 100 0 0 1 99.38 -11.09 L109.32 -12.2 A 110 110 0 0 0 108.57 -17.66 L 98.7 -16.06 Z" onclick="clicked(evt,&quot;2&quot;,236957808,238896574)" class="feature">
              <title>2:236,957,808-238,896,574</title>
            </path>
            <path d="M -98.72 -15.97 A 100 100 0 0 1 -98.04 -19.7 L-107.84 -21.67 A 110 110 0 0 0 -108.59 -17.57 L -98.72 -15.97 Z" onclick="clicked(evt,&quot;2&quot;,127808685,129276101)" class="feature">
              <title>2:127,808,685-129,276,101</title>
            </path>
            <path d="M 69.27 72.12 A 100 100 0 0 1 55.46 83.21 L61.01 91.53 A 110 110 0 0 0 76.2 79.34 L 69.27 72.12 Z" onclick="clicked(evt,&quot;2&quot;,31181369,38044662)" class="feature">
              <title>2:31,181,369-38,044,662</title>
            </path>
            <path d="M 79.64 60.48 A 100 100 0 0 1 76.38 64.55 L84.02 71 A 110 110 0 0 0 87.6 66.53 L 79.64 60.48 Z" onclick="clicked(evt,&quot;2&quot;,25141435,27157396)" class="feature">
              <title>2:25,141,435-27,157,396</title>
            </path>
            <path d="M 96.51 26.21 A 100 100 0 0 1 95.39 30.02 L104.93 33.02 A 110 110 0 0 0 106.16 28.83 L 96.51 26.21 Z" onclick="clicked(evt,&quot;2&quot;,10262866,11801950)" class="feature">
              <title>2:10,262,866-11,801,950</title>
            </path>
          </g>
          <g>
            <path d="M 118.55 -18.61 A 120 120 0 0 1 119.26 -13.31 L129.2 -14.42 A 130 130 0 0 0 128.43 -20.16 L 118.55 -18.61 Z" onclick="clicked(evt,&quot;2&quot;,237172737,238896574)" class="feature">
              <title>2:237,172,737-238,896,574</title>
            </path>
            <path d="M 116.3 29.57 A 120 120 0 0 1 115.25 33.43 L124.85 36.22 A 130 130 0 0 0 125.99 32.03 L 116.3 29.57 Z" onclick="clicked(evt,&quot;2&quot;,9637404,10927601)" class="feature">
              <title>2:9,637,404-10,927,601</title>
            </path>
          </g>
        </g>
      </g>
      <g>
        <path class="contig0" d="M 150 0 A 150 150 0 0 1 150 -0 L160 -0 A 160 160 0 0 0 160 0 L 150 0 Z">
          <title>2</title>
        </path>
        <text class="contig" x="170" y="0" transform="rotate(180)">2</text>
      </g>
    </g>
  </g>
</svg>