I’ve created a dot graph with CSS that uses JavaScript to do all the calculations ect ect
The graph will be used for many things, including site analysis.
I allow users to activate a real time function that updates the graph automatically every x seconds.
The graph uses a series of AJAX requests to fetch data from databases, so i cant show an example of the exact thing.
But I have put together this one in JSFiddle, which only includes some random percentages for the graph to work on:
I was wondering if there is any way I could possibly turn this into a line graph, that animates along with the spots on update(), preferably using just CSS, JavaScript and Jquery?
So instead of:

I’d like:

You are using simple Divs and to get a continuous line you should interpolate your points (divs). I suggest you using HTML5 (canvas) because interpolating many divs (many as the resolution of your graph) could make your page hard to render.
HTML5 canvas is of course what you need if you want interpolation between points.
Best Regards