The dygraphs JavaScript library produces interactive, zoomable charts of time series:
Learn more about it at dygraphs.com.
Get help with dygraphs on Stack Overflow (preferred) and Google Groups
- Plots time series without using an external server or Flash
- Supports error bands around data series
- Interactive pan and zoom
- Displays values on mouseover
- Adjustable averaging period
- Extensive set of options for customization.
- Compatible with the Google Visualization API
<html>
<head>
<script type="text/javascript" src="dygraph-combined.js"></script>
</head>
<body>
<div id="graphdiv"></div>
<script type="text/javascript">
g = new Dygraph(
document.getElementById("graphdiv"), // containing div
"Date,Temperature\n" + // the data series
"2008-05-07,75\n" +
"2008-05-08,70\n" +
"2008-05-09,80\n",
{ } // the options
);
</script>
</body>
</html>Learn more by reading the tutorial and seeing demonstrations of what dygraphs can do in the gallery.
To get going, clone the repo and run:
npm install
npm run build
Then open tests/demo.html in your browser.
Read more about the dygraphs development process in the developer guide.
dygraphs is available under the MIT license, included in LICENSE.txt.