MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data. 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.

This demo allows you to play around with the library without having to download it. Try doubling the number of sightings in, say, 1995 and see how that affects the graphic. Or how about changing any of the options in MG.data_graphic? Or perhaps change the chart type to a scatterplot by setting chart_type:'point', switching the x and y accessors and increasing the height? The data object is set to the contents of the Data text area. Errors are logged to the console.

JavaScript See Full List of Options