ConnectionLayer

The ConnectionLayer component renders connections between points on a map, accepting an array of Connection data points with required properties like latitude and longitude. It supports customization of color, thickness, direction the connection indicators.

OverviewProperties

ConnectionLayer

ConnectionLayerProps

Name	Type	Default	Description
data	T[]	-	Set of data related to the connections
line?	|	'solid'	Specifies the line type.
directionIndicator?	| |	-	Position of the arrows in relation of the connection direction
curve?		'linear'	Declare whether the curve is linear or smooth
color?	| ((connection: T) => )	Colors.Charts.Categorical.Color03.Default	Specifies the color of the connection layer.
thickness?		2	Specifies the thickness of the connection path. It can accept numbers from 1 to 64 (included).

Connection

Signature:

export declare type Connection = { /** Array of connections */ path: []; };

Name	Type	Default	Description
path	[]	-	Array of connections

Location

Name	Type	Default	Description
latitude		-	The latitude coordinate of the location.
longitude		-	The longitude coordinate of the location.

CurvedLine

Signature:

export declare type CurvedLine = | ;

Tooltip

ConnectionLayerTooltipData

Name	Type	Default	Description
color		-	The hovered connection color
thickness		-	The hovered connection thickness
data	T	-	The hovered connection custom data and path locations

ConnectionLayerTooltipHandler

Signature:

export declare type ConnectionLayerTooltipHandler = (connectionData: ) => .;

ConnectionLayerTooltipHandlerProps

Name	Type	Default	Description
children?	|	-	The ConnectionLayer tooltip handler template