Timeline charts like Github.com

Question

Has anyone seen an open source library that creates charts similar to Github.com timeline charts? Check this profile (selected at random) and pay attention to the histograms below each project.

I tried to dominate the Fleet in order to behave correctly, but it just does not have the flexibility in formatting settings to come up with a decent clone. Personally, I would prefer a Javascript implementation, but I'm also open to viewing on the server side.

There should definitely be a standalone implementation, the application is routed to a network that is separate from the Internet, so the Google Charts API is out of the question.

Answer 1

I would suggest using jQuery Sparklines . You will need to create two separate graphs and arrange them one above the other (one for blue stripes, the other for gray stripes). You will also need to make the dotted line / legend an image, but github also uses the image for this.

Here are some good points to get you started:

EDIT: I initially overlapped two separate spark lines with relative positioning, but it would be better to use the “composite” option to draw two graphs on the same canvas.