<svg viewBox="0 0 768 365" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <style>
      text {
        font-family: sans-serif;
      }
    </style>
  </defs>

  <rect width="100%" height="100%" x="0" y="0" fill="#1A1A1A" />

  <g>
    <title>Тайга</title>
    <circle cx="245" cy="164" r="3" fill="none" stroke="#FFBE00" stroke-width="2" />
    <path d="M243,166 173,239 29,239" fill="transparent" stroke="#999" />
    <text fill="#FFBE00" x="28" y="230" font-size="16">Тайга</text>
    <text fill="#999" x="28" y="255" font-size="12">Какое то описание</text>
  </g>

  <g>
    <title>Сибирь</title>
    <circle cx="386" cy="157" r="3" fill="none" stroke="#FF474C" stroke-width="2" />
    <path d="M386,161 386,316 243,316" fill="transparent" stroke="#999" />
    <text fill="#FF474C" x="245" y="307" font-size="16">Сибирь</text>
    <text fill="#999" x="245" y="335" font-size="12">Какое то описание</text>
  </g>

  <g>
    <title>Урал</title>
    <circle cx="486" cy="208" r="3" fill="none" stroke="#00B6FF" stroke-width="2" />
    <path d="M489,211 577,303 743,303" fill="transparent" stroke="#999" />
    <text fill="#00ADF2" font-size="16" x="580" y="295">Урал</text>
    <text fill="#999" font-size="12" x="583" y="321">Какое то описание</text>
  </g>

  <g>
    <title>Байкал</title>
    <circle cx="611" cy="166" r="3" fill="none" stroke="#9EFE00" stroke-width="2" />
    <path d="M611,162 611,43 761,43 " fill="transparent" stroke="#999" />
    <text fill="#9FFF00" font-size="16" x="620" y="34">Байкал</text>
    <text fill="#999" font-size="12" x="620" y="60">Какое то описание</text>
  </g>

</svg>

* {
  margin: 0;
  padding: 0;
}