svg

ColumnChart google visualization column color change

Does anyone know if I can hack google's visualization ColumnChart api chart somehow, to make a single column stand out with a different color, like so: I know you can do it with ImageChart, so I don't need that (it fires no events and has no x/y labels). Can I traverse the result with javascript somehow and change the CSS style, if i...

How to place a symbol (path) relative to the far end of svg text?

I'm working on a program which generates SVG maps. Some of the map items have captions which need a symbol after them (like a plane symbol for an airport caption). If I have a text element thus <text x="30" y="30">Pericles</text> I can place another bit of text at the next character position by saying <text x="30" y="30">Pericles <...

How can I mix SVG and HTML into a page?

I've been using the jQuery.svg plugin to do some SVG rendering and it works perfectly but I also want to have the server render some SVG into the page and I can't get that to work. How do I add some SVG like below into the page so that Firefox will render it? <!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://w...

Simulate Pivot Rotate Using Transform In SVG

I have a rectangle in SVG that I need to rotate on a pivot from a specific point. The best way I can see to do this is transform to the xy of the pivot, rotate the degree, and then transform again. The problem is the xy of the second transform. I assume its going to take cos and sin to some extent, just not sure where or why. * | | | ...

Rendering maps from raw SVG data in Java

In an application of mine I have to display locations and great circle paths in a map which is rendered to PNG and then displayed on the web. For this I simply use a world map (NASA's Blue Marbel in fact) scaled to various "zoom levels" as base image and only display the a part of it matching the final image size and fitting all items to...

SVG Word wrapping function in PHP?

Before I go ahead and try to code my own, are there any functions / libraries for PHP which will generate SVG images with text wrapped to a bounding box? I'm looking for a function which will accept a string and a bonding box, along the lines of: wrapText($text,$x,$y,$width) So if $text were "The Quick Brown Fox Jumped Over The Lazy Do...

Editing SVG styles from javascript

I have an SVG map of the world, and I want to colour each region by various metrics in real time by altering style attributes for each region in the svg. EG I want to tint the UK blue to reflect the upcoming tory victory (ahem). This needs to be dynamic as the data changes often and is pushed out to the browser. ...

SVG Using Adobe in IE doesn't work when loading page, but saving the page and then loading it works...

So I'm trying to get a SVG document to load in IE. I can see it fine, but all calls to .getSVGDocument() fail, the svg onload="onload()" function never gets called and the right-click Adobe SVG Viewer context menu doesn't show up when right-clicking on the svg. It seems as though I'm managing to crash the adobe SVG viewer or something b...

SVG angular gradient

Is there a way to do an 'angular gradient' in SVG? (I don't know the official term -- it's the kind of gradient you see in color-pickers, where it varies by angle.) SVG seems to support only linear and radial gradients, but I'm thinking there might be some way to use a transform to simulate what I want. thanks! ...

Change SVG Colour

I've never used SVG so I'm wondering if this is even possible, but can you change the color of a shape inside? Currently I'm using a PNG that I have to manually create in photoshop for each different menu and I'm wondering if I can make the whole process dynamic. Thanks! ...

appending SVG string to dom

I'm trying to append a string of svg elements to the dom. This is my setup. var oFragment = ''; for (var i = 0; i < 10; i++) { oFragment += '<g><path id="note-'+i+'" d="M 6,3 84,6 c 0,0 -6,76 14,91 L 58,97 19,89 c 0,0 -24,-5 -13,-86 z" style="fill:#ffc835;" /></g> '; } Here is what i tried. It gives the following error: "parseXML i...

How to save svg canvas to local filesystem

Is there a way to allow a user, after he has created a vector graph on a javascript svg canvas using a browser, to download this file to their local filesystem? SVG is a total new field for me so please be patient if my wording is not accurate. kind regards, Jeroen. ...

XPointers in SVG

I've been trying to get XPointer URIs working in an SVG file, but haven't had any luck so far. After trying something more complicated and failing, I simplified it down to just referencing an ID. However, this still fails. The spec seems pretty clear about this implementation: http://www.w3.org/TR/SVG/struct.html#URIReference I found ...

Swing & Batik: Create an ImageIcon from an SVG file?

Simply put, I'm looking for a way to make an ImageIcon from an SVG file using the batik library. I don't want to have to raster the SVG to disk first, I just want to be able to pull an svg out of the jar file and have it land as a UI element. I feel like this should be reasonably easy, but the batik javadocs aren't telling me what I ne...

Extend Zedgraph to produce SVG

Is there any charting component that produce SVG chart? I had work with Zedgraph, any idea how to extend Zedgraph to produce SVG/xml output? ...

Looking for a library of XSLT to create SVG charts.

I'm looking for a library of XSLT to create SVG charts. I need pie charts, bar charts, line charts, all the usual suspects. I would hope for a reasonably simple DTD or Schema for the input files. Edit: I have the raw data for the charts and a mechanism to convert it into what ever XML is necessary for the XSLT library. ...

Deploying plugins for Internet Explorer

Hi everybody. I'm looking for a way to deploy an Internet Explorer plugin for SVG-rendering without manually installing it on every client machine. Is there a way to use some ActiveX voodoo stuff to automatically install a plugin? I have no reliable information about the IE versions that are used on the client side so I assume the wor...

BlackBerry - SVG (JSR 226) or OpenGL ES (JSR 239) charting library

Does anyone know of a library to display charts and graphs natively on blackberry devices ? There are quite a few javascript (Flot...) charting libraries but I'd rather use something similar to Coreplot on iPhone if it is possible. I didn't find anything on top of SVG (JSR 226) or open GL ES (JSR 239) so any help is appreciated. Ideally...

SVG, animate a line from x1,y1 to x2,y2?

The animate property is very loosely documented. And unfortunately for me, the way the W3 documents SVG is VERY difficult understand and cross reference. I'VE GOTTEN IT TO WORK (... a step forward at least) THANKS MEF! ... should've known to convert seconds to milliseconds (slaps, forehead) I've updated the code to reflect my next ste...

XSL transformation of SVG adds namespace attribute to new tag

I have a SVG file that I want to extend by adding onclick handlers to edges and nodes. I also want to add a script tag referring to a JavaScript. The problem is that the script tag gets an empty namespace attribute added to it. I haven't found any information regarding this that I understand. Why does XSLT add an empty namespace? XSL f...