slightlymore

the online residence of Clinton the intertube sorcerer

My data visualisation article for the 12 devs of xmas

Some of you may know that I was working on a side project over Christas with @onishiweb and @mrqwest called The 12 Devs of Xmas. It’s kind of like a reverse 24ways where we post a new article on each of the 12 days of Christmas (well, actually the 12 days starting from Boxing day). [...]

Lunch-time hack: Day 2 – self organising particles

In today’s hack I wanted to play with a self organising particle system, so I set about writing a loop which worked out the distance between each particle and generated a force based on that. It was a lot to think about so I didn’t quite get it working in 15 minutes and decided to [...]

Lunch-time hack: Day 1 – playing with processing.js

It’s certainly not the most exciting thing you’ll ever see, but hopefully things will start to change over the coming weeks/months when I really start to get a feel for which effects are created by certain of code. For my first lunch-time hack, I thought I’d give myself an introduction to processing.js. It’s not very [...]

Introducing the lunch-time hack

Do you ever think it would be cool to tinker with a new technology/framework but never get to the end of a project because it gets stale and boring? Me too. So I’ve invented a new part to my daily routine called the lunch-time hack. The mission is simple: create something cool in 15 minutes. [...]

Analysing the visual data from the HTML5 audio API

I wasn’t expecting to get very much out of the HTML5 <canvas> and <audio> API demo apart from some cool looking animations. But I’ve surprised myself and have gotten interested in what the data can say as well as working out clever ways to make it look interesting. A bit of history So yesterday, I [...]

Playing with visualising <audio> with <canvas>

I woke up this morning and wanted to play with the HTML5 audio API and experiment with how data from it could be visualised. So I set to work and within a couple of hours had set up a very rudimentary graphic equaliser kinda-thingy. You’ll need Firefox 4 beta to see it, but if you [...]