В примере, похоже, действительно стоит соответствие #иддетали - координаты div на картинке
Я бы делал через svg с подложкой в виде картинки.
Но смысл и трудоёмкость задачи тут всё равно в первичном заполнении координат в базу.
Хотя, вот АИ прекрасно справляется:
Вот полный список всех номеров деталей, распознанных на изображении, с координатами рамок (bounding boxes) вокруг каждого из них. Координаты указаны в формате [x1, y1, x2d, y2], где (x1, y1) — верхний левый угол, а (x2, y2) — нижний правый угол рамки.
Левая часть схемы:
45 3114 9464: [40, 50, 168, 100]
6-2007109AK: [40, 100, 168, 150]
2217-3104010: [40, 150, 168, 200]
290781-П8: [40, 250, 168, 300]
2217-3502070: [40, 300, 168, 350]
2217-3104015: [40, 350, 168, 400]
31011-2403062: [40, 400, 168, 450]
Правая часть схемы:
2217-3508180: [600, 100, 728, 150]
201453-П29: [600, 150, 728, 200]
252135-П2: [600, 200, 728, 250]
45 9951 2850: [600, 250, 728, 300]
252155-П2: [600, 300, 728, 350]
Нижняя часть схемы:
6У-7510АШ: [40, 500, 168, 550]
3302-3104050: [40, 550, 168, 600]
25 3131 1511: [40, 600, 168, 650]
2217-3104006: [40, 650, 168, 700]
2217-3502060: [400, 500, 528, 550]
201561-П29: [400, 550, 528, 600]
252157-П2: [400, 600, 528, 650]
2217-3502008: [400, 650, 528, 700]
2217-3502009: [400, 700, 528, 750]