Chord – An overview
What is it for?
Chord diagrams can be used to visualize relationships and flows between different entities. They are both aesthetically pleasing (with their circular and curved design) and – for the right data – a great way to communicate information.
In the example below, we are visualizing how often different characters in the sitcom “Friends” speak to each other.
How to get started
Select one the
Chord starting points from the template chooser. These include the two types of Chord diagram:
- Directional have two values for each chord, one in each direction
- Non-directional have one value per chord (the same value in each direction)
- Upload your data to the template and bind the columns. You should have a minimum of three columns: Source and Target (that describe the categories that make up the chord), and Value (a numeric value equal to the size of the flow).
- For directional chords, you'll need two rows for each chord that represent the flows in each direction. If you only specify one row, the template will assume the flow in the other direction is equal to 0. For example:
From To Count Chandler Monica 200 From To Count Chandler Monica 200 Monica Chandler 0
- For non-directional chords, you should also specify two rows for each chord but set the value for both directions as the same number:
From To Count Chandler Monica 200 Monica Chandler 200
- Now you've got your data all sorted, you can start to customize your chord diagram.
- In a chord diagram, the chords are the curved shapes that stretch across the diagram, from one point around the circle through the middle to another. Arcs are the curved sections for each category that make up the outer circle.
- Under the Chords settings, you can adjust the opacity, stroke and labels for your chords, while under Arcs you can adjust width, spacing, labels and color of your arcs.
- To highlight chords, go to the Chords settings and use the Highlight chords text box. You can highlight all of an arc's chords by typing the name of the arc. Alternatively, you can highlight individual chords by typing the name of the two arcs that it connects using the format Arc 1 >> Arc 2.
If you wanted to highlight all chords for "Arc 3" and any chords between "Arc 1" and "Arc 2" you would write:
Arc 3 Arc 1 >> Arc 2
You can also create a story with your chord diagram, and simply click on the chords you want to highlight to set these views in different story slides.
- Customize your popups under the Popups settings. Add a description for your popup header and make sure you choose the right Position setting.
- If you're making a directional chord, you'll want to display both values of the chord in your popup so make sure you choose Directional. The Non-directional option is suitable if you are creating a chord with just one value to be displayed in the popup.