MetricsGraphics.js by Mozilla – A library optimized for data graphics and layouts


MetricsGraphics.js is a library optimized for visualizing and laying out time-series data. At under 50KB (minified), it provides a simple way to produce common types of graphics in a principled, consistent and responsive way. The library currently supports line charts, scatterplots and histograms as well as features like rug plots and basic linear regression.


The API is simple. All that’s needed to create a graphic is to specify a few default parameters and then, if desired, override one or more of the optional parameters on offer.

    title: "Downloads",
    description: "This graphic shows a time-series of downloads."
    data: [{'date':new Date('2014-11-01'),value:12},
           {'date':new Date('2014-11-02'),value:18}],
    width: 600,
    height: 250,
    target: '#downloads',
    x_accessor: 'date',
    y_accessor: 'value',

Examples    MetricsGraphics.js