Update graph from json data

I like to work with the d3js library for this kind of work.

http://mbostock.github.com/d3/

It has very nice functions to update graphs with new data.

Maybe you can base your work on the "bullet charts" example.


I'm a big fan of dygraphs. Very powerful. Very flexible.


There is no shortage of javascript libraries to graph data. I've worked with Highcharts, which is free for personal projects. To make a graph using your data in highcharts, you could do something like this:

var data = [] //your data from above; you'll need to convert it to an array of y-values or one of the other available formats

var chart;
$(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            defaultSeriesType: 'line',
        },
        series: [{
            name: 'Series Title',
            data: data
        }]
    });
});

...However, as mentioned, there are lots of JS graphing libraries. To name a few:

  • JQPlot
  • D3
  • Processing.js
  • Sencha Charts

If you're looking for a more specific answer, I'm not sure folks can offer that much in response to a vague question.