flavors:
  - flavor: svg
    path: /chord
  - flavor: canvas
    path: /chord/canvas
  - flavor: api
    path: /chord/api

Chord:
  package: '@nivo/chord'
  tags:
    - relational
    - svg
    - isomorphic
  stories: []
  description: |
    Chord diagram, uses [d3-chord](https://github.com/d3/d3-chord),
    see [this demo](https://observablehq.com/@d3/chord-diagram).

    The responsive alternative of this component is `ResponsiveChord`.

    This component is available in the `@nivo/api`,
    see [sample](api:/samples/chord) or
    [try it using the API client](self:/chord/api).

    See the [dedicated guide](self:/guides/legends) on how to setup
    legends for this component.

ChordCanvas:
  package: '@nivo/chord'
  tags:
    - relational
    - canvas
  stories: []
  description: |
    A variation around the [Chord](self:/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`.