UK Demographics Explorer (Verify GOV.UK)
A data visualisation for the UK government”s Verify project, allowing exploration of Verify”s demographic coverage using a dataset provided by the Office of National Statistics. There”s a write up of the work on Verify”s blog
Visualizing Walking Gaits from Smartphone Sensors
A Dynamic D3 Filter Menu
All That Jazz, Patterns in the Keys
This visualisation uses a force-directed layout, courtesy of D3, to view approximately 1200 classic Jazz standards by key, date and composer. Some interesting patterns emerge.
Historic UK Weather
Visualizing the UK's Establishment
This chart shows the findings of a recent commision into equality in Britain. It found that a small, self-perpetuating elite, attendees of the “right” schools and universities (Eton, Oxbridge etc.) has disproportionate influence on Britain”s levers of power. From senior judges to the editors of national newspapers, this group dictates our national discourse and locks out those not born to privilege.
Warped England: Why young people can't buy houses anymore
D3 CSS3D Chess Games
D3 Chess Board
Packed circles are a good way to visualise certain tree structured data. Here I use a dataset of the 135 chess games played by the titans Kasparov and Karpov. By representing the opening moves as packed circles certain relationships become clear. We can also see how the two players revised their strategies over time.
D3 Chess Board
I needed a chess-viewer for a larger data-viz project I’m working on ( see here ) and D3 seemed like the perfect tool for the job. The viewer takes lists of moves (SAN format) and creates an animated play. It could be a nice base for something more full-featured. Once again I was impressed by how easy D3 makes this kind of project.
D3 Chess Parasets
D3 Chess Squares
Using the Kasparov-Karpov data-set, this visualisation shows relative occupation times for each square. The occupation times can be filtered by type of piece (knight, bishop etc.). Comparing games with Kasparov playing white with those of Karpov shows a clear difference, reflecting the different playing styles and strategies of the two.
Gothic Window Generator
Brush Filters with Active Charts
A recent client wanted a way to filter a large dataset of objects while seeing any changes immediately reflected by data-selective charts. Using Angular directives for two-way data-binding and Bootstrap for placement and dimensions, a few lines of XHTML is all it takes to build a console.