title: how would I turn this dynamic CSS dot graph into a line graph?
body: <p>I've created a dot graph with CSS that uses JavaScript to do all the calculations ect ect</p>
  
  <p>The graph will be used for many things, including site analysis.</p>
  
  <p>I allow users to activate a real time function that updates the graph automatically every x seconds.</p>
  
  <p>The graph uses a series of AJAX requests to fetch data from databases, so i cant show an example of the exact thing.</p>
  
  <p>But I have put together this one in JSFiddle, which only includes some random percentages for the graph to work on:</p>
  
  <p><a href="http://jsfiddle.net/57Jjd/1/" rel="nofollow noreferrer">http://jsfiddle.net/57Jjd/1/</a></p>
  
  <p>I was wondering if there is any way I could possibly turn this into a line graph, that animates along with the spots on <code>update()</code>, preferably using just CSS, JavaScript and Jquery?</p>
  
  <p>So instead of:</p>
  
  <p><img src="https://i.stack.imgur.com/2nPvz.jpg" alt="enter image description here"></p>
  
  <p>I'd like:</p>
  
  <p><img src="https://i.stack.imgur.com/o0RnO.jpg" alt="enter image description here"></p>