Visualising all Olympic 100-meter dash winners since 1896

Great visualisation by The New York Times: How does Bolt compare to the full Olympic field in the 100-meter dash – not just this year, but against every Olympic medalist since 1896? To answer that question, we created a massive (and imaginary) track with 88 lanes – one for every medal awarded in the 100-meter …

Cauditor – PHP Code Audit and Visualisations

Great tool by Matthias Mullie, to analyzing your PHP code (in the screenshot above you can see the analysis of ansi-php): Figure out complexity hotspots in the blink of an eye from a couple of very simple charts [generated by Cauditor]. The charts will help you understand the architecture of the project & make it …

The Surprising History of the Infographic

The idea of visualizing data is old: After all, that’s what a map is—a representation of geographic information—and we’ve had maps for about 8,000 years. But it was rare to graph anything other than geography. Only a few examples exist: Around the 11th century, a now-anonymous scribe created a chart of how the planets moved …

Game of Thrones: Journeys made in Season 6

The folks at The Verge: In Game of Thrones, movement is life. If you linger too long in the Sept of Baelor, for instance, chances are you won’t be around long enough for afternoon prayer. That’s why many of the characters in Westeros are constantly in transit, traversing from the North to the Riverlands or …

Re-thinking reading on the Web

When we were introduced to the team at The Atlantic they were creating a series of articles about “Population Health”. They wanted to tell these stories in an interactive and visual way. The challenge was to create interactive visualizations based on industry concepts and make them accessible to both healthcare professionals and the a casual …

d3-shape – Graphical primitives for visualization, such as lines and areas.

d3-shape: a small JavaScript library for drawing geometric shapes commonly found in data visualizations, with each shape driven by data through accessor functions. It works with both SVG and Canvas. Introducing d3-shape → d3-shape (GitHub) →

Finding the Right Color Palettes for Data Visualizations

While there are an increasing number of good color palettes out there, not all of them are applicable to charts and data visualizations. Our approach to visualization color palettes is to make natural gradients that vary in both hue and brightness. By doing this, our palettes are accessible by people who are color blind, obvious …

Architecture of Radio

Every time we use our phones, tablets or laptops we are entering an invisible world of wireless digital signals. It is a world that we cannot see but that is literally all around us. The Architecture of Radio is a 360 degree data visualization of what this world might look like. It shows the cell …