title: Best way to move a group of SVG elements
body: <p>I'm looking for the best way (the faster, the cleaner...) to move a group of SVG elements. I have three ways in mind :</p>
  
  <ul>
  <li>do a loop on all elements and, for each of us, change the x and y attributes</li>
  <li>group all elements in a svg element and change its x and y attributes</li>
  <li>group all elemnts in a g element and apply the method described here : <a href="https://stackoverflow.com/a/14036803/2019761">https://stackoverflow.com/a/14036803/2019761</a></li>
  </ul>
  
  <p>Do you have an idea please ?</p>