Take the 2-minute tour ×
Web Applications Stack Exchange is a question and answer site for power users of web applications. It's 100% free, no registration required.

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.

QUESTION: 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):

enter image description here

share|improve this question

1 Answer 1

up vote 3 down vote accepted

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)

share|improve this answer
    
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

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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