How may I use 'inline' SVG gradient on an element like ?

Question

Is it possible to achieve this gradient without having to define it first under ?

I\'m working on a network map showing network load on link

Answer 1

You could use a data URI i.e. fill="url(data:image/svg+xml;base64,...encoded full svg...#mygradient)"

Here's an example: http://xn--dahlstrm-t4a.net/svg/paint/datauri-gradient.svg