title: tools to modify generated svg paths
body: <p>I have this <a href="https://jsfiddle.net/6d8r4wcj/1/" rel="nofollow">JSfiddle</a>. </p>
  
  <p>This is basically a SVG with animation. As seen in the text it says "Introducing Canadian Crude Oil Index ETF". I want to change it to be "Introducing Canadian Oil and GAS ETFs". </p>
  
  <p>Obviously, I can play around with the numbers in the <code>d</code> tag for each letter to change it but that seems like a waste of time. Is there a quick way to do this? Any tools which can generate similar svg or tools that can take this svg and give me the ability to modify it then generate it again? </p>