title: How should I template this svg snippet?
body: <p>I need to make a template where I will be inserting new values for the coordinates below by finding special tags and replacing the values. </p>
  
  <p>I have given a SVG and below is a small snippet of what I need to change so that I can template/add placeholders since the values below will be dynamic. </p>
  
  <pre><code>&lt;g id="Layer_1"&gt;
      &lt;g id="shape1"&gt;
          &lt;polygon class="poly1" points="6.7,105.4 -19.2,190.5 -20.4,123.5 1.6,143.6 "/&gt;
      &lt;/g&gt;
      &lt;polygon id="shape2" class="poly1" points="-20.9,300.3 -37.7,103.3 -10.9,204.3 -0.1,233.6"/&gt;
      &lt;circle id="circleSolid" class="poly2" cx="6.7" cy="306.1" r="10.3"/&gt;
      &lt;g id="circleDashed"&gt;
          &lt;circle class="poly3" cx="2.6" cy="304.7" r="10.3"/&gt;
      &lt;/g&gt;
      &lt;text transform="matrix(1 0 0 1 -40.7301 191.3002)" class="poly1 poly3 poly4"&gt;Poly1&lt;/text&gt;
      &lt;text transform="matrix(1 0 0 1 -40.7302 200.3002)" class="poly1 poly3 poly4"&gt;Poly2&lt;/text&gt;
  &lt;/g&gt;
  &lt;g id="Layer_7"&gt;
      &lt;line id="newShape1" class="poly5" x1="-30.7" y1="170.7" x2="12.2" y2="171.7"/&gt;
      &lt;line id="newShape2" class="poly5" x1="-11.5" y1="160.7" x2="0.1" y2="200.3"/&gt;
  &lt;/g&gt;&gt;
  </code></pre>
  
  <p>I am wondering I can't just add <code>[x1]</code> tag for example below in the html tag for templating. Should I just use the classes instead to insert the new dynamic values? How should I go about templating SVG drawing? </p>
  
  <p>I will be inserting the new values dynamically in C#.</p>