Keypoints and Skeletons

The keypoint annotation renderer draws pose markers and skeleton edges from one semantic geometry and one BaseKeypointStyle. Marker radius, marker fill, edge stroke, and edge shadow can change independently without rewriting predictions.

Add the keypoint renderer

session.setPresentation({
  renderers: [
    annotationRenderers.keypoints({
      style: new BaseKeypointStyle({
        edgeStroke: { width: 2 },
        markerFill: { alpha: 1 },
        radius: 5,
      }),
    }),
  ],
});
Copy

COCO-compatible visibility distinguishes absent, occluded, and visible points. Class-specific skeleton definitions may override individual vertex or edge colors while retaining the same style contract.

The basketball fixture attaches pose keypoints to the matching segmentation detections, so boxes, masks, labels, polygons, and pose stay aligned on one media timeline.