Firstly, apologies to anyone who read the first four posts in this series expecting (as I did) that they would continue on a daily basis. This one is somewhat delayed as I've been kept busy with many other things. Also I had to figure out how to get equations onto my blog automatically without breaking everything.

Anyway, this post will cover a few more of the basic filter primitives, and then move onto how to combine everything from this and the last four posts to create some effects.

Now that I've covered the very basics of filters and how to combine primitives together, the next few posts will be going through all the available primitives describing what each does in turn. The order in which I do them may be a bit arbitrary, but it should roughly start out with the simpler ones you're likely to use most often before moving onto the more technical or obscure ones. This time it'll be feFlood, feOffset, feImage and feTile.

Here we go then, the third post in my SVG Shinies series. I apologise for the lack of examples in the previous post — this one will include a couple more. This time the focus will be on the feComposite, feBlend and feMerge filter primitives and how to wire different primitives together.

This is the second in my series of posts about making shiny things with SVG. The first focused on how to create linear and radial gradients. This one will be an introduction to filters and how to use them. I'm afraid there won't be many examples this time around, because there's a lot to say before reaching that point.

Recently in my work at GoSquared I've been doing a lot of stuff with D3, a library primarily aimed at creating powerful data visualisations with SVG. As part of that, I've been learning a lot of cool stuff about creating shiny things using SVG filters and effects, so I thought I'd write some of it down. This is the first of a couple of posts describing how to use gradients and filter effects in SVG.