Write NASA worthy code

A verifiable set of well-chosen coding rules could make critical software components more thoroughly analyzable, for properties that go beyond compliance with the set of rules itself. To be effective, though, the set of rules has to be small, and must be clear enough that it can easily be understood and remembered. The rules will …

3D First Person Shooter … with CSS

With CSS transforms we can’t define arbitrary shapes using a set of points, we’re stuck with HTML elements which are always rectangular and have two dimensional properties such as top, left, width and height to determine their position and size. In many ways this makes dealing with 3D easier, as there’s no complex math to …

dimple – A simple charting API for d3 data visualisations

The aim of dimple is to open up the power and flexibility of d3 to analysts. It aims to give a gentle learning curve and minimal code to achieve something productive. It also exposes the d3 objects so you can pick them up and run to create some really cool stuff. dimple → dimple Examples …

Poppy Field – Visualising War Fatalities

What I like about this visualisation is that it represents 3 dimensions into 2: conflict startdate (X-axis), conflict duration (Y-axis), and number of fatalities (size of the flower). Another interesting thing is that the duration of the conflict is actually visualised in two ways: next to the Y-axis the length of the stem represents that …

hashids

$hashids = new Hashids\Hashids(‘this is my salt’); $id = $hashids->encode(1, 2, 3); $numbers = $hashids->decode($id); Hashids is a small open-source library that generates short, unique, non-sequential ids from numbers. You give it a 347 and it gives back “yr8”, you give it a [27, 986] and it returns “3kTMd”. You can also decode those ids …

The Dawn Wall – El Capitan’s Most Unwelcoming Route

Tommy Caldwell and Kevin Jorgeson are trying to free-climb the nearly 3,000-foot Dawn Wall, a vertical sheet of mostly smooth granite that many believe is the most difficult climb in the world. Neat WebGL powered visualisation of The Dawn Wall, a route to climbing El Capitan. Wish it were a tad more interactive though (such …

Turf.js – Advanced geospatial analysis for browsers and node

var line = turf.linestring([ [-76.09130859375, 18.427501971948608], [-76.695556640625, 18.729501999072138], [-76.552734375, 19.40443049681278], [-74.619140625, 19.134789188332523], [-73.65234375, 20.076570104545173], [-73.157958984375, 20.210656234489853]], { stroke: ‘#f00’ }); var curved = turf.bezier(line); curved.properties = { stroke: ‘#0f0’ }; var result = turf.featurecollection([line, curved]); Uses GeoJSON for all geographic data and expects the data to be standard WGS84 datums. Constructing Points – for example …