title: Poor performance - SVG animations
body: <p>So I'm creating some animations for a client and I've been playing with two.js because I liked its SVG capabilities. Unfortunately I'm having issues with performance. </p>
  
  <p>I'm plotting 100 circles on the screen. Each circle contains 6 further circles for a total of 700 circles being rendered on load.</p>
  
  <p>The circles react to mouse movements on the x-axis and cascade slowly downwards on the y-axis.</p>
  
  <p>Currently in Chrome its only running at around 32FPS. In Firefox it barely even works!</p>
  
  <p>I've also tried two.js's webgl renderer but while there is a slight performance increase, the elements just don't look as good as SVG.</p>
  
  <p>The source is here: <a href="https://github.com/ashmore11/verifyle/tree/develop" rel="nofollow noreferrer">https://github.com/ashmore11/verifyle/tree/develop</a></p>
  
  <p>path to file: src/coffee/elements/dots</p>
  
  <p>Let me know if there's any more info I can provide.</p>