Annotate

Same numbering on both hands — point 4 is always the thumb tip, 20 the pinky tip. The diagram mirrors to match the left hand, so the thumb sits where it should.

{
  "image": null,
  "model": "mediapipe_hand_21",
  "hands": {
    "left": [
      {
        "index": 0,
        "name": "wrist",
        "finger": "wrist",
        "x": null,
        "y": null
      },
      {
        "index": 1,
        "name": "thumb base",
        "finger": "thumb",
        "x": null,
        "y": null
      },
      {
        "index": 2,
        "name": "thumb knuckle",
        "finger": "thumb",
        "x": null,
        "y": null
      },
      {
        "index": 3,
        "name": "thumb middle joint",
        "finger": "thumb",
        "x": null,
        "y": null
      },
      {
        "index": 4,
        "name": "thumb tip",
        "finger": "thumb",
        "x": null,
        "y": null
      },
      {
        "index": 5,
        "name": "index knuckle",
        "finger": "index",
        "x": null,
        "y": null
      },
      {
        "index": 6,
        "name": "index middle joint",
        "finger": "index",
        "x": null,
        "y": null
      },
      {
        "index": 7,
        "name": "index top joint",
        "finger": "index",
        "x": null,
        "y": null
      },
      {
        "index": 8,
        "name": "index tip",
        "finger": "index",
        "x": null,
        "y": null
      },
      {
        "index": 9,
        "name": "middle knuckle",
        "finger": "middle",
        "x": null,
        "y": null
      },
      {
        "index": 10,
        "name": "middle middle joint",
        "finger": "middle",
        "x": null,
        "y": null
      },
      {
        "index": 11,
        "name": "middle top joint",
        "finger": "middle",
        "x": null,
        "y": null
      },
      {
        "index": 12,
        "name": "middle tip",
        "finger": "middle",
        "x": null,
        "y": null
      },
      {
        "index": 13,
        "name": "ring knuckle",
        "finger": "ring",
        "x": null,
        "y": null
      },
      {
        "index": 14,
        "name": "ring middle joint",
        "finger": "ring",
        "x": null,
        "y": null
      },
      {
        "index": 15,
        "name": "ring top joint",
        "finger": "ring",
        "x": null,
        "y": null
      },
      {
        "index": 16,
        "name": "ring tip",
        "finger": "ring",
        "x": null,
        "y": null
      },
      {
        "index": 17,
        "name": "pinky knuckle",
        "finger": "pinky",
        "x": null,
        "y": null
      },
      {
        "index": 18,
        "name": "pinky middle joint",
        "finger": "pinky",
        "x": null,
        "y": null
      },
      {
        "index": 19,
        "name": "pinky top joint",
        "finger": "pinky",
        "x": null,
        "y": null
      },
      {
        "index": 20,
        "name": "pinky tip",
        "finger": "pinky",
        "x": null,
        "y": null
      }
    ],
    "right": [
      {
        "index": 0,
        "name": "wrist",
        "finger": "wrist",
        "x": null,
        "y": null
      },
      {
        "index": 1,
        "name": "thumb base",
        "finger": "thumb",
        "x": null,
        "y": null
      },
      {
        "index": 2,
        "name": "thumb knuckle",
        "finger": "thumb",
        "x": null,
        "y": null
      },
      {
        "index": 3,
        "name": "thumb middle joint",
        "finger": "thumb",
        "x": null,
        "y": null
      },
      {
        "index": 4,
        "name": "thumb tip",
        "finger": "thumb",
        "x": null,
        "y": null
      },
      {
        "index": 5,
        "name": "index knuckle",
        "finger": "index",
        "x": null,
        "y": null
      },
      {
        "index": 6,
        "name": "index middle joint",
        "finger": "index",
        "x": null,
        "y": null
      },
      {
        "index": 7,
        "name": "index top joint",
        "finger": "index",
        "x": null,
        "y": null
      },
      {
        "index": 8,
        "name": "index tip",
        "finger": "index",
        "x": null,
        "y": null
      },
      {
        "index": 9,
        "name": "middle knuckle",
        "finger": "middle",
        "x": null,
        "y": null
      },
      {
        "index": 10,
        "name": "middle middle joint",
        "finger": "middle",
        "x": null,
        "y": null
      },
      {
        "index": 11,
        "name": "middle top joint",
        "finger": "middle",
        "x": null,
        "y": null
      },
      {
        "index": 12,
        "name": "middle tip",
        "finger": "middle",
        "x": null,
        "y": null
      },
      {
        "index": 13,
        "name": "ring knuckle",
        "finger": "ring",
        "x": null,
        "y": null
      },
      {
        "index": 14,
        "name": "ring middle joint",
        "finger": "ring",
        "x": null,
        "y": null
      },
      {
        "index": 15,
        "name": "ring top joint",
        "finger": "ring",
        "x": null,
        "y": null
      },
      {
        "index": 16,
        "name": "ring tip",
        "finger": "ring",
        "x": null,
        "y": null
      },
      {
        "index": 17,
        "name": "pinky knuckle",
        "finger": "pinky",
        "x": null,
        "y": null
      },
      {
        "index": 18,
        "name": "pinky middle joint",
        "finger": "pinky",
        "x": null,
        "y": null
      },
      {
        "index": 19,
        "name": "pinky top joint",
        "finger": "pinky",
        "x": null,
        "y": null
      },
      {
        "index": 20,
        "name": "pinky tip",
        "finger": "pinky",
        "x": null,
        "y": null
      }
    ]
  }
}