I really like GitHub's impact graph about my Open Source project. I would like to include it in a presentation, so I would like to download it as an image.

How to export this graph to an image?

Anything smarter than taking hundreds of screenshots and assembling them?

That's the lame method I used last year to produce the image below (out-of-date):

image from last year


If you don't need the textual labels (which are drawn as <p> overlays), you could just right-click the graph in Firefox and choose "Save Image As..." (It's a <canvas> element and Chrome doesn't yet offer a save option for those).

If you do need the date labels, I'd suggest looking for a Firefox screenshot extension capable of grabbing a complete screenshot of a scrolling sub-element in one go. (I know they exist for <iframe> elements, so being able to do it for a scrolled <div> isn't outside the realm of possibility)

  • Wonderful! Exactly what I needed. Strange "Save as Image" did not show on Chrome.
    – nic
    Nov 28 '11 at 1:25
  • "Save As Image" doesn't show on Chrome because <canvas> isn't <img> and it takes extra code (which they may not yet have written) to generate a PNG from a raw grid of pixel data rather than pulling an already existing one from the cache.
    – ssokolow
    Nov 28 '11 at 7:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.