editing svg graphics loaded from external source

Question

Is it possible to affect svg graphics loaded from (for example) google code (charts, etc.) ? What I need to be able to do is change display styles ( font size and / or color, etc.)

Am I out of luck on that since all the graphical elements reside in an iframe?

If so, any recommendations on jQuery/js lib for creating pie charts, etc? From what I've seen raphael.js looks very interesting.

Just wonder what the proper approach wold be in this case. Thanks in advance.

Similar to http://stackoverflow.com/questions/4906148/how-to-apply-a-style-to-an-embedded-svg — Erik Dahlström, Nov 18 '11 at 15:00

score 2 · Answer 1 · answered Nov 17 '11 at 21:03

2

I would highly recommend you check out d3: http://mbostock.github.com/d3/

answered Nov 17 '11 at 21:03

Anthony Blake

5,328
2
25
24

... holly smokes! That's some nice stuff. – vector Nov 17 '11 at 21:25
Yeah its the way of the future. I recently used it to make some graphs, and it was awesome. – Anthony Blake Nov 17 '11 at 22:01

score 2 · Accepted Answer · answered Nov 17 '11 at 22:08

2

Eric Dahlstrom wrote an example showing how to do this as part of an answer to a similar question previously: http://xn--dahlstrm-t4a.net/svg/html/get-embedded-svg-document-script.html

answered Nov 17 '11 at 22:08

Robert Longson

118,664
26
252
242

editing svg graphics loaded from external source

2 Answers2