ConnectionMapping

Premium

Updated on Apr 2, 2026

Configuration for mapping source data to diagram connections.

Defines how to extract connection data from the input and how to transform each connection from the source format to the required ConnectionOptions format. The source specifies where to find the array of connection data, and the map defines the field mappings.

typescript

const connectionMapping: ConnectionMapping<LinkData> = {
  source: 'links',  // Extract from input.links array
  map: {
    from: 'sourceId',
    to: 'targetId',
    stroke: (link) => ({ color: link.color, width: link.thickness })
  }
};