Как расположить объекты в системе координат XY внутри блока?
<span class="object" style="left: 20%; top: 45.6%;"></span>.object {position: relative;} /* а можно и absolute */
И дальше в js управлять свойствами left и top. А, вам не нужно менять положение - тем проще.
Возможно, если много объектов, то перейти на использование canvas. 
Посмотрите на Fabric.js (есть статьи на хабре: один и два)
Ну, раз их не нужно двигать и они сами не двигаются (нет никакой динамики), можно схитрить и сделать все это одним изображением, на которое сверху наложить невидимые блоки на каждый объект.
Если хотите сложнее и лучше - возможно, canvas через какую-нибудь библиотеку для работы с ним.