ChordCanvas

@nivo/chordrelationalcanvas

A variation around the Chord component. Well suited for large data sets as it does not impact DOM tree depth, however you'll lose the isomorphic ability and transitions (for now).

The responsive alternative of this component is ResponsiveChordCanvas.

1482 nodes
Actions Logs
Start interacting with the chart to log actions
Base
number[][]required

The matrix used to compute the chord diagram.

string[]required

Keys used to identify each cell in the matrix.

string | Functionoptional

Optional value formatter.

numberrequired

Chart width.

numberrequired

Chart height.

numberoptionaldefault:'Depends on device'

Adjust pixel ratio, useful for HiDPI screens.

supportsvgcanvasapi
objectoptional
px
px
px
px

Chart margin.

numberoptionaldefault:0

Padding angle.

numberoptionaldefault:0.9

Inner radius ratio.

numberoptionaldefault:0

Inner radius offset (minus innerRadiusRatio).

Style
Labels
Customization
Interactivity
Legends
Motion