Александр

Скорее всего вам поможет карта изображения: htmlbook.ru/html/map

1) position: absolute; для любых элементов.
2) тег htmlbook.ru/html/area

Это мультяшные шейдеры. cartoon shader
ru.wikipedia.org/wiki/%D0%A1%D1%8D%D0%BB-%D1%88%D0...

А там уже зависит от настроек. К примеру, если только ребра нужны то скорее это уже не шейдеры а просто другой движек рендера. Они везде по разному называются. wireframe render

Это обычные 3D модели. Применительно к OpenGL такое можно сделать с помощью режима отрисовки GL_LINES (могу ошибаться).