Skip to main content
100%

Chord Diagram - Phone Brand Switching Behavior

✓ Published0🌍 Public
MMorganhaoyu
Last edited Oct 20, 2018
Created on Oct 20, 2018

This example uses a chord diagram to visualize phone brand switching behavior among Dutch consumers, based on the Deloitte Mobile Consumer Survey. It shows the flow of respondents between their previous and current phone brands, with arc lengths encoding each brand’s market share and directed chords revealing asymmetries in switching patterns, such as Nokia losing 12% of its users to Samsung while only gaining 2% in return. The chart is built with D3.js v3, using the `d3.layout.chord` API to compute and render the chord paths and arcs, with mouseover interactions highlighting a selected brand. The rendering is animated, and the side text explains how thicker chords indicate higher percentages of switching.

AI-generated description

The full blog about the 2013 version of the Chord Diagram created for the Global Mobile Consumer Survey held by Deloitte each year. It was featured on the Deloitte Netherlands webpage. It shows the flows of people between the phone brand of their previous phone and the current phone

For an explanation on how to understand this chart, please take a look at my "Storytelling" version of the same Chord Diagram

My blog about this Chord Diagram can be found here

forked from <a href='http://bl.ocks.org/nbremer/'>nbremer</a>'s block: <a href='http://bl.ocks.org/nbremer/6540350'>Chord Diagram - Phone Brand Switching</a>

Similar vizzes