title: How to merge paths with translate() values to a single one (D3 / SVG)?
body: <p>I have a number of paths that I want to join to get a single path. However, for each path a <code>translate()</code> was applied. I found <strong><a href="https://stackoverflow.com/questions/22914504/merging-multiple-paths-into-one-d3svg">this thread</a></strong> that discusses the merging of paths (you may use <a href="http://jsfiddle.net/5Td4Q/4/" rel="nofollow noreferrer">the sample</a> they use there to answer my question), but this cannot be applied for cases where a path is translated.</p>
  
  <p>How can I manipulate the <code>d</code> attribute so that the <code>translate()</code> value is taken into account and I can merge the paths successfully?</p>