MetricsGraphics.js

MetricsGraphics.js was developed by the Mozilla Software Foundation and is a JavaScript toolkit built on top of the D3.js SVG charting toolkit.

The library was developed for the modern Web, meaning it supports responsive layouts and easy skinning, allowing developers to easily integrate into any of their projects.

It supports common graph types like line and area charts, but it can also produce scatter plots and histograms when needed.

Developed specifically to deal with time-related data, MetricsGraphics.js allows programmers to customize axis labels, the chart's title, the legend, and a few more other graphic details.

The chart's data can be fed via a simple array, JSON, or parsed from an API somewhere.

MetricsGraphics.js also allows developers to use it with animations and for showing real-time data, while also employing a simple data-point details system for when hovering one of the graphs.

The library comes with lots of demos and documentation to show developers how it can be implemented.

What is new in this release:

• The library is now namespaced. data_graphic is now MG.data_graphic, convert_dates is now MG.convert.date, clone is now MG.clone, button_layout is now MG.button_layout and data_table is now MG.data_table. We added a new convenience function called MG.convert.number.
• The rollover_callback option has been renamed mouseover and expanded in order to make it more consistent with other libraries. We now have three callback functions available: mouseover, mouseout and mousemove.
• CSS rules have been prefixed and in some cases updated for consistency. active_datapoint for instance is now mg-active-datapoint.

What is new in version 2.4.0:

• The library is now namespaced. data_graphic is now MG.data_graphic, convert_dates is now MG.convert.date, clone is now MG.clone, button_layout is now MG.button_layout and data_table is now MG.data_table. We added a new convenience function called MG.convert.number.
• The rollover_callback option has been renamed mouseover and expanded in order to make it more consistent with other libraries. We now have three callback functions available: mouseover, mouseout and mousemove.
• CSS rules have been prefixed and in some cases updated for consistency. active_datapoint for instance is now mg-active-datapoint.

What is new in version 2.3.0:

• The library is now namespaced. data_graphic is now MG.data_graphic, convert_dates is now MG.convert.date, clone is now MG.clone, button_layout is now MG.button_layout and data_table is now MG.data_table. We added a new convenience function called MG.convert.number.
• The rollover_callback option has been renamed mouseover and expanded in order to make it more consistent with other libraries. We now have three callback functions available: mouseover, mouseout and mousemove.
• CSS rules have been prefixed and in some cases updated for consistency. active_datapoint for instance is now mg-active-datapoint.

What is new in version 1.0.0:

• First public release.

Requirements:

• JavaScript enabled on client side
• D3.js
• Bootstrap
• jQuery