<div id="big-wrapper">
  <svg style="transform: translate([dynamic value to order all svgs in a grid])"></svg>
  <svg style="transform: translate([dynamic value to order all svgs in a grid])"></svg>
  <svg style="transform: translate([dynamic value to order all svgs in a grid])"></svg>
  ...
</div>

<div id="big-wrapper">
  <div id="small-wrapper1" style="transform: translate([dynamic value to order all svgs in a grid])">
     <svg></svg>
  </div>
  <div id="small-wrapper2" style="transform: translate([dynamic value to order all svgs in a grid])">
     <svg></svg>
  </div>
  <div id="small-wrapper3" style="transform: translate([dynamic value to order all svgs in a grid])">
     <svg></svg>
  </div>
  ...
</div>