Topics › Visualisation


SVG Tutorial

A tutorial for creating simple SVGs. With interactive examples.

Pygame Landscape generator

Today I came across this page, which contain many interesting things, including some sections on generating landscapes in a procedural way. I'd been meaning to try this for a while and I finally got around to it.


Salman says

Analysis of subtitle text from over 1000 Khan Academy videos. 

SVG seedling animation

Below is an SVG seedling animation I made for Victoria. (Refresh page if it doesn't seem to work.)

Python SVG writer

I've written dozens of different Python programs that write SVGs of various types, so I thought it was about time I wrote a single generic module to make writing SVGs easy. Unsurprisingly, I'm not the only person to have had this idea, but rather than try to learn how to use someone else's module, I decided to write my one. It's more fun anyway. If anyone else wants to use the module it's available to download (and edit) on Github:

SVG animation: Rotating elements

A few days ago, I wrote about creating a rotating 3D SVG cube, which involves using EMCAScript to redraw every line. However, simple two-dimensional transformations can be animated in SVGs with much less hassle using <animateTransform>. For example:

The code for this animated square is

Pure SVG graph builder

Having worked out how to create reasonable looking buttons in an SVG (which was basically a matter of changing the cursors), I've been trying to think of ways to create an application using pure SVG. Below is graph-drawing SVG which I quickly threw together to see how far I could get rather than to actually create something worthwhile.


Interactive SVG Components

Adding interactivity to SVGs to create components that can be inserted into an SVG to add functionality.


Colour Inkscape arrows

This brief blog post explains how to draw and colour an arrow in Inkscape 0.47 and beyond (it should also work with earlier versions).


Data Visualisation

Various experiments with analysing and visualising data in different ways. Data is taken from the real world sources, such as the Guardian, WHO and