Как создать несколько геометрических фигур на CSS?
Безусловно, по сути это — SVG. Но вам не нужно мучиться с изучением его синтаксиса для решения описанной задачи.
У некоторых вендоров есть уже готовые полигоны, выделяющие области, как у Yandex.
А для решения общих задач практически у всех есть средства формирования полигонов — Yandex, Google.
canvas or svg имхо.