Every now and then I like to put together an infographic poster as quickly as I can. My latest attempt is this poster of World Marathon Courses.
As part of my work with a client, Vega Protocol, we identified a need for a simple split pane component to use in their web application. What’s a split pane component you ask? It looks something like this.
A new version of d3 was released recently. As I maintain a few open source d3-related libraries I was curious what work would be required to support the new version. It turns out not to be too difficult and I wanted to share my experience.
Last month I put together a quiz game: Inspector Oars. The intended audience is pretty niche; people involved in rowing at Cambridge and Oxford universities. You’re given the name of a college and asked to pick the rowing oar design used by that college from a selection.
I have a confession. Whenever I have an opportunity to use a ticket machine at a train station I’m secretly hoping to discover some new annoyance I can rant about.
The ability to quickly open, explore, summarize, and analyze datasets is an important part of data visualization. As part of putting together data for an infographic on bike thefts in the UK I wanted to see which post codes saw the most reported thefts. Crime data can be downloaded from: data.police.uk.
In my last post I looked at visualising distributions. Let's apply what we learnt there to a real world data set. We'll continue our theme of using a set of rowing race results. You can see the result below.
Visualising the distribution of data is something that crops up frequently. This blog post by Dark Horse Analytics does a good job summarising a few of the options available.
My last post looked at the winning times for one of the world's largest rowing races. We saw that the results were very variable but I wasn't sure what the important factors might be.
The Women's Eights Head of the River Race is the largest women's rowing race in the world with around 2,880 women racing and 320 crews taking part. The race sees novices and Olympic champions competing together on the same stretch of water in London. It's the same course as the annual Oxford-Cambridge Boat Race (although usually in the opposite direction).
This is a demonstration of using Leaflet and D3 together.
I remind myself of this saying whenever I come across a new and surprising example of poor user interface design. With this is mind I'd like you to consider this ticket machine at Cambridge North station.
A few months ago, I wrote about reusable charts. The thinking behind the blog post fed into the initial design for a new web application - Financial Canvas Studio. It helps professionals in the pension industry understand their financial models and the assumptions that go into them - leading to smarter decisions.
You've joined a new team. IT have set you up with a sweet new machine. You're eager to dive in and start contributing so you jump over to the GitHub repository to check out the readme...
When it comes to creating visualizations on the web D3 is often your first port of call. Whether by putting together a custom creation from scratch, or making use of one of the many charting libraries and examples available.