Re: [svg-developers] Drawing a pie chart with only a list of coordinates
Hi Pranav, If the chart will be dynamically generated, why not use an existing charting library that targets SVG. Here are some browser-based ones: http://docs.dojocampus.org/dojox/charting http://g.raphaeljs.com/ Here is a java-based library that supports export to SVG: http://www.jfree.org/jfreechart/ Cheers, Jake On Tue, 2011-01-04 at 06:38 +0530, Pranav Lal wrote: > > > Hi all, > > Is it possible to draw a pie chart if I have a list of XY coordinates? > I > searched for some samples but most of them involved using the ellipse > element. All I have are the coordinates I need to plot. The chart will > be > generated dynamically. > > I was thinking about using the path element. I would move the pen to > the > center and then draw the lines from there. > Pranav > > > > > [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] Drawing a pie chart with only a list of coordinates
Hi all, Is it possible to draw a pie chart if I have a list of XY coordinates? I searched for some samples but most of them involved using the ellipse element. All I have are the coordinates I need to plot. The chart will be generated dynamically. I was thinking about using the path element. I would move the pen to the center and then draw the lines from there. Pranav - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Clipping the text on the closed path
Hi Jan, I tried your example in Windows in Opera, IE+ASV and Firefox 4beta and was able to see the "20" just fine in all three. I was able to replicate your problem. though in Chrome (which usually agrees with Safari). The SVG support in those first three is more mature and stable than in the webkit based browsers, so I would suspect it to be a bug in webkit rather than an oddity of SVG. Incidentally, one can draw a circle-like path with a bit less arithmetic by using the "arc" sub-command : cheers David - Original Message - From: honyk To: svg-developers@yahoogroups.com Sent: Monday, January 03, 2011 3:53 PM Subject: [svg-developers] Clipping the text on the closed path Hello Everyone, I am facing a clipping issue when placing text on the closed path (circle-like Bezier curve). http://skibob.dobruska.cz/other/data.svg When my text with the text-anchor set to the middle is placed at very beginning of the path, the first half of the text is clipped (the number 20 in the example above). So in these edge cases I am placing the same text to the 'end' of that path for sure again (using the same logic this text should have clipped the second half). But instead of composition of two halves of the same text I am getting unacceptable results in major browsers (except Firefox). Can my source be enhanced somehow? Btw, I am missing something like clipping='false' in the SVG standard ;-) I'd like to avoid placing these cases on a different path (with the beginning in another angle). Any hint is welcome. Regards, Jan [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] Clipping the text on the closed path
Hello Everyone, I am facing a clipping issue when placing text on the closed path (circle-like Bezier curve). http://skibob.dobruska.cz/other/data.svg When my text with the text-anchor set to the middle is placed at very beginning of the path, the first half of the text is clipped (the number 20 in the example above). So in these edge cases I am placing the same text to the 'end' of that path for sure again (using the same logic this text should have clipped the second half). But instead of composition of two halves of the same text I am getting unacceptable results in major browsers (except Firefox). Can my source be enhanced somehow? Btw, I am missing something like clipping='false' in the SVG standard ;-) I'd like to avoid placing these cases on a different path (with the beginning in another angle). Any hint is welcome. Regards, Jan - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Graphics on path
With script it is pretty easy. See, for example: http://srufaculty.sru.edu/david.dailey/svg/curve.svg hope this helps David - Original Message - From: honyk To: svg-developers@yahoogroups.com Sent: Monday, January 03, 2011 2:57 PM Subject: [svg-developers] Graphics on path Hello Everyone, is there any way how to place some graphics on the path similarly as it is possible with the text? I've found 'markers' only, but they can be placed on start/mid/end of the path only. What I am trying to achieve is a scale on the parabolic-like curve. I can calculate path points, to render text on the path (individual values with the step of 10 degreees placed to the appropriate positions using the startOffset attribute in percents) so it is rotated according to the path, but unfortunately, I cannot use a similar way for rendering major/minor tick marks (to specify graphics with the orientation 'auto' and place it on the path using the startOffset attribute). I'll have to calculate these ticks manually which seems to me quite annoying (and in case of complex paths like my parabola-like curve also quite complex). I think it is pity something like this is not covered in the standard as the logic is already available for rendering the text on the path. I can imagine that markers could be generalized and not restricted to the predefined positions only... I can even imagine that this graphics on the path could be also have similar property to the text-anchor, which would specify rendering position... This graphics would be processed in the same way as the glyphs... And what could be also implemented that color properties could be optionally inherited from the defined (mother) path. (Because of this limitation the arrow color can be changed in Inkscape via extension only) But this is 'proposal' for the future. Any clue for now? Regards, Jan [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] Graphics on path
Hello Everyone, is there any way how to place some graphics on the path similarly as it is possible with the text? I've found 'markers' only, but they can be placed on start/mid/end of the path only. What I am trying to achieve is a scale on the parabolic-like curve. I can calculate path points, to render text on the path (individual values with the step of 10 degreees placed to the appropriate positions using the startOffset attribute in percents) so it is rotated according to the path, but unfortunately, I cannot use a similar way for rendering major/minor tick marks (to specify graphics with the orientation 'auto' and place it on the path using the startOffset attribute). I'll have to calculate these ticks manually which seems to me quite annoying (and in case of complex paths like my parabola-like curve also quite complex). I think it is pity something like this is not covered in the standard as the logic is already available for rendering the text on the path. I can imagine that markers could be generalized and not restricted to the predefined positions only... I can even imagine that this graphics on the path could be also have similar property to the text-anchor, which would specify rendering position... This graphics would be processed in the same way as the glyphs... And what could be also implemented that color properties could be optionally inherited from the defined (mother) path. (Because of this limitation the arrow color can be changed in Inkscape via extension only) But this is 'proposal' for the future. Any clue for now? Regards, Jan - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] SVGopen 2011: Any news regarding date/location?
Hi and Happy New Year, indeed! The organizing committee should be making an announcement within the next couple of weeks, I believe! Please stay tuned to this channel! cheers David - Original Message - From: meikelneu To: svg-developers@yahoogroups.com Sent: Monday, January 03, 2011 5:42 AM Subject: [svg-developers] SVGopen 2011: Any news regarding date/location? A very happy New Year to all of the SVG community! Has any of you information if choices for the date/location of this years's SVGopen conference have been narrowed down? Especially people in larger organizations or with intercontinental travel have to plan very early on in the year. -Michael [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] Re: programmatically generating animation
Hi, If you replace the rather pointless animateColor element by an animate element (same attributes) then both examples work in Firefox 4. Best regards Robert. --- In svg-developers@yahoogroups.com, "kam" wrote: > > Can anyone tell me why this works (chrome10, safari5) > > > > http://www.w3.org/2000/svg"; > xmlns:xlink="http://www.w3.org/1999/xlink";> style="fill:red; stroke:blue; stroke-width:5"> attributeName="fill" from="#ff" to="#00ff00" dur="5s" > fill="freeze"> > > > > > > but this doesn't? > > > > (function(){var svgns = 'http://www.w3.org/2000/svg'; > var xlinkns = 'http://www.w3.org/1999/xlink'; > var svg = document.createElementNS(svgns,'svg'); > svg.setAttribute("xmlns", svgns); > svg.setAttributeNS("xmlns", "xlink", xlinkns); > var circle = document.createElementNS(svgns,'circle'); > circle.setAttributeNS(null,'cx','250'); > circle.setAttributeNS(null,'cy','250'); > circle.setAttributeNS(null,'r','200'); > circle.setAttributeNS(null,'style','fill:red;stroke:blue;stroke-width:5'); > var animateColor = document.createElementNS(svgns,'animateColor'); > animateColor.setAttributeNS(null,'attributeName','fill'); > animateColor.setAttributeNS(null,'from','#ff'); > animateColor.setAttributeNS(null,'to','#00ff00'); > animateColor.setAttributeNS(null,'dur','5s'); > animateColor.setAttributeNS(null,'fill','freeze'); > circle.appendChild(animateColor); > svg.appendChild(circle); > document.body.appendChild(svg); > })(); > > > > - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] [ANN] SVG Web now IE9 compatible
This year the SVG family will be appended by a long awaited child: IE9. For the transition period SVG developers who have to support older versions of IE (6,7,8) JavaScript libraries come to help. SVG Web is such a library that renders SVG using the Flash plugin for IE versions that don't have native SVG support. During SVGopen 2010 in Paris I talked about SVG Web and back then it was not yet ready to support IE9 http://river-valley.tv/svg-in-internet-explorer/ http://www.svgopen.org/2010/papers/15-SVG_in_Internet_Explorer/ I'd like to let you know that by the end of 2010 SVG Web became IE9 compatible (tested against the latest available platform preview_7). See this thread at the project's site for the announcement and how to implement it http://code.google.com/p/svgweb/issues/detail?id=573#c33 -Michael - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] SVGopen 2011: Any news regarding date/location?
A very happy New Year to all of the SVG community! Has any of you information if choices for the date/location of this years's SVGopen conference have been narrowed down? Especially people in larger organizations or with intercontinental travel have to plan very early on in the year. -Michael - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] SVG on Wii
On Wed, 29 Dec 2010 19:55:36 +0100, cremnosedum wrote: > Hi, > > I've recently discovered that the web browser on Wii (is there more than > one?) is based on Opera and supports SVG. However the support seems > kind of clunky - slow and to some extent SMIL animation seems to > interfere with JavaScript. I was testing my web comic: > http://www.pixelpalaces.com/dk/toh5.svgz I got to a frame with an SMIL > animation that didn't stop, the one with the spiral going round at the > beginning of the mind reading sequence - and none of the interactivity > worked any more. > > I haven't done many tests on this. I thought this forum would be > interested to know that SVG does work on Wii. > > Is there some Wii unfriendly issue with my code that could be fixed > easily? Filters are Wii-unfriendly performance-wise, so I'd recommend limiting the use of those. Authoring for the Wii should be rather similar to authoring for Opera 9.2x, so my advice would be to do that and then test on the Wii. Cheers /Erik -- Erik Dahlstrom, Core Technology Developer, Opera Software Co-Chair, W3C SVG Working Group Personal blog: http://my.opera.com/macdev_ed - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/