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 …
Category Archives: Elsewhere
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 …
Continue reading “The Dawn Wall – El Capitan’s Most Unwelcoming Route”
GTA Online – A Clockwork Orange
NYC by night, from above
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 …
Continue reading “Turf.js – Advanced geospatial analysis for browsers and node”
(ab)using CSS3’s :nth-child() selector to invent new ones
When combining :nth-child() with some other pseudo selectors, one can actually create new types of selectors. “:nth-of-m-child” selector /** * This selector will select the third element in a row, * if it is also the third to last element … thus selecting * the 3rd child in a row of 5 elements */ span:nth-child(3):nth-last-child(3) …
Continue reading “(ab)using CSS3’s :nth-child() selector to invent new ones”
The Circular Estimation Conjecture
Moon Phase and Libration, 2015
This visualization shows the Moon’s phase and libration at hourly intervals throughout 2015, as viewed from the northern hemisphere. Each frame represents one hour. In addition, this visualization shows the Moon’s orbit position, sub-Earth and subsolar points, distance from the Earth at true scale, and labels of craters near the terminator. Scientific Visualisation Studio: Moon …
Moonpig vulnerability
Decoding the auth header we get *redacted*:*redacted*, that’s not my username or password – these are static credentials sent with every request. The only identifiable piece of information left is the URL parameter customerId. […] Every API request is like this, there’s no authentication at all and you can pass in any customer ID to …