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
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.