For those interested, some of the insights that were published in the (full) official report are:
Fantastic explanation. I may use a brief version of this if I ever do a chord diagram.
Nice post. I like the storytelling method. Although it might take a while before it gets to the most interesting points in the story. Did you ever consider these vizzes to be interactive for your readers based on the data you put in? If you are interested, let me know.
Thank you! Yes the build up takes quite a while indeed. The issue is that not only are you explaining the data and context, because a Chord diagram is not an everyday visualization, you also have to explain how to read it.
An excellent example of using Storytelling is “Out of Sight, out of Mind”. Since this is in essence a bar chart, the story can focus primarily on the data: http://drones.pitchinteractive.com/
This rocks, I’m trying to learn D3. I want to tell a story about customers moving among products at a company and this will help me with this task. Is there a github for the source code? Cheers!
Thank you very much. I’ve put the code here: http://nbremer.github.io/Chord-Diagram-Storytelling
The graphic is nice, but I have a few criticisms though. You probably did not design the graphic with mobile screens in mind, still it is annoying that the whole thing does not even fit on my laptop screen. I had to scroll up to view and down to click. Imagine the frustration of someone who could not scroll (just open the source and resize the window). For your info, my screen is the size of the typical laptop (1366 x 768) but actual height for content is around 650px, so any more than that doesn’t fit. Besides, designing for pixels is bad practice anyway.
Also, the interactivity of the story telling part is not very well done. You cannot pause or go back, so if you miss anything, you have to reset and start all over. A system with back and forward buttons that go one step at a time would have led to a much better user experience.
I hope you would take these criticisms as such–feedback to improve upon next time you do a visualization. Thanks
Thank you very much for your reply. Both of your points are very valid and they have been in my mind.
For the screen size, same reason. In my next post about exoplanets I am already trying to work with centering the visual regrdless of window size. I’ll try rescaling in my next visual as well :)
This comment has been removed by the author.
This illustration rocks!
This illustration is awesome!
I just want to know how did you add HTML code to the D3 code in wordpress?
I used an iframe :) (not perfect but it works)
This is superb work. Congratulations!
Still awesome in 2017
Thank you very much! ^^
Wonderful. Can the source code (https://github.com/nbremer/Chord-Diagram-Storytelling) be used under a MIT based license?
Thank you! Well, the code in itself is fine, but the data it uses not, that belongs to Deloitte. However, the visual story in itself falls apart without the data :S You can build your own “intro to a chord diagram” version if you want to, with your own data, based on this perhaps?