Chord Diagram

This article describes the Chord Diagram component and its properties.

he Chord Diagram is a data visualization component that displays weighted relationships between several entities and data points.

Chord Diagram Properties

The Chord Diagram component properties consist of LAYOUT & POSITIONING, DATA, and DYNAMIC VISIBILITY drawers.

This guide will describe all sections besides the Layout & Positioning and Dynamic Visiblity sections, as these are generic to each component. A separate guide and tutorial for each can be found by clicking the links above.

The component properties are set and edited using different methods, some have multiple methods, some just one. See this Set Property Values article for more information on using the different methods.


DATA

  • From - an input field that needs to be bound to the spreadsheet. Contains the start points for the ribbons.

  • To - an input field that needs to be bound to the spreadsheet. Contains the endpoints for the ribbons.

  • Value - an input field that needs to be bound to the spreadsheet. Contains the values tied to the ribbons.

Both ranges must match in size. In the screenshot below, the ribbons connect as the following:

  • A to D = 10

  • B to D = 8

  • B - E = 4

  • and so on...

STYLING

  • Allow Hover to change ribbon opacity - an option to allow an opacity property to be applied to the Chord ribbons when hovered over.

    • Hover Opacity - an input that determines the Hover Opacity.

  • Ribbon Opacity - an input that determines the default Ribbon Opacity.

Last updated

Was this helpful?