Chord Diagram on Visual Cinnamon

The Words in the Lord of the Rings

Sun, 31 Jul 2016 13:07:30 +0000

In more than 11 hours of the Lord of the Rings trilogy all characters combined speak approximately 32,000 words. The 9 members of the Fellowship alone take up about 17,000 of these words, a bit more than half. In this visualization you can find out how many words a member has spoken at each different location throughout the trilogy. Did you realize how much Sam truly spoke. Or that Legolas said even less than Boromir!

Data-based orientations for gradients in a d3.js chord diagram

Mon, 13 Jun 2016 00:00:00 +0000

In this blog, I’ll show you how to add a color gradient to the chords of a d3.js Chord Diagram. This comes in handy when there is no net difference in the chords. But you can apply the technique to any gradient that you want to orient based on data. We’re going to look at the collaborations between Avengers. With all those cameo’s happening in the MCU, I wanted to know how often two Avengers had appeared in a movie together. This results in a symmetrical dataset since, if Thor appeared in a movie together with Hawkeye, the reverse is true as well.

Hacking a chord diagram to visualize a flow

Fri, 28 Aug 2015 00:00:00 +0000

In this blog post I’ll explain how you can hack a chord diagram to shape it into a more circular looking sankey-like flow chart. Why not just take a regular sankey to visualize the flow? Well, the visualization was meant for use in the media to engage the viewers. Therefore, I wanted to create something visually different. In the end it appears that I just wanted to challenge myself and dive into the d3 source code (for the first time).

Using “Data Storytelling” with a chord diagram

Sat, 13 Dec 2014 00:00:00 +0000

It’s been way too long since my last post. I wanted to create something to post, but a few rather busy projects at work and moving to a new home had a big impact on my creativity, as in, I was left with none…