December 2012 Archives

Less focus for more clarity

  • Posted on December 31, 2012 at 4:21 pm

One of the difficulties with 3D visualisations - and network visualisations seem to suffer especially badly from this - is that while they’re a great way to represent complex data, they rely on animation for much of their clarity. This stems from the fact that the third dimension is illusory. The fact is we’re still largely stuck with 2D screens that our 3D images get projected onto. Until we move to proper volumetric displays, even the current attempts at 3D (stereoscopic) displays won’t fix this.

For the moment then, the best way for us to understand the lost depth component is by shifting our perspective, or in other words, by moving things around.

However, there are other ways to approach this and in the past I’ve been incredibly impressed by the way blur can be used to improve the perception of depth. This can give a really nice effect of camera focus, where different parts of the image have different levels of blur applied depending on whether they’re in or out of focus.

Testing this on some of the network graphs that I’m currently working with has produced some really quite nice effects. Ironically, by making parts of the image less clear, the overall coherence and clarity of the image is improved substantially. Here are a couple of screenshots of a random network with focus blur applied, both from up close and from a further distance.

The effect is achieved by rendering the whole image to a texture framebuffer. A very simple fullscreen shader is then applied, which increases or decreases the level of blur for a given pixel depending on the z-buffer depth value at that point. It’s a really very simple technique, but in my opinion produces some quite effective result.

This is one of the reasons why shaders are so phenomenally powerful. The depth blur is a very short program, but it needs to be executed for every single pixel of the image. That’s a lot of pixels, and a lot of computing power is needed to do this. Applying a shader program in parallel across the whole image is hugely more efficient than getting the CPU to do it. This allows it to be applied in realtime for each rendered frame, without stretching resources, even on my relatively underpowered laptop.

Check out and for some nice tutorials about using framebuffers for applying full screen shaders.

Network structures

  • Posted on December 29, 2012 at 4:05 am

As part of an experimental game project I’ve been trying to use the Functy rendering routines to visualise network structures. At the moment it’s at a very early stage, but has - I think - already generated some interesting results.

The screenshot below shows a network of 60 nodes, each one rendered as a spherical co-ordinate function, joined together using links rendered as curves. I just plucked some simple functions out of the air to see what the results would be like but am hoping to extend it with more interesting shapes as things progress.

Functy rendered network structure

Functy rendered network structure

The various parts of the network are a little hard to discern with a static image, but when I tried to capture a video the result was a mess of fuzzy artefacts (I think there must be something going wrong with my screen capture software), so I gave up on that.

The next step, after neatening up the code, is to arrange better animation of the nodes and links, with dynamic movement based on things like the forces between the nodes. I’m hoping this will produce some really nice effects, and if anything comes of it I’ll put a bit more effort into getting a successful video capture.

Comment Spam

  • Posted on December 29, 2012 at 4:00 am

Unfortunately the site is receiving so much comment spam (at the last count it was up to 26000 spam comments in just a few months) that I’ve had to turn commenting off. Please do email me if you have thoughts about Functy, or would like me to turn commenting back on.
I’ll try to figure out a solution, but it’ll probably involve having to find a different way to host Wordpress on Sourceforge. Very frustrating! Thank you to ARJ though, for helpfully explaining how to clear all of the comments from the Wordpress database!

Functy Sourceforge upgrade

  • Posted on December 9, 2012 at 6:38 pm

According to Ohloh the code for Functy has been up on SourceForge for over for and a half years now (having apparently sucked up 13 years of my effort during that time; a factoid that can’t possibly be true!). Well, as of today, Functy now enjoys living in the upgraded Sourceforge environment.

The actual process of upgrading was surprisingly painless. One outcome though is that a lot of the links in the menu on this page have now moved to different URLs. In addition, there’s also a new SVN repository to use.

Nothing too dramatic, but hopefully the move to new Sourceforge will give things a bit of modernisation, while making things work more nicely, more seamlessly, and more attractively.