CSSScript Demo Page / 01

SVG World Maps JS Library Interactive Playground

Choose a map, tune its SVG styling, then hover or click any region to inspect its data.

responsive SVG output native tooltips clickable regions on-demand map sets

ACTIVE VIEW

World

loading map — regions

Preparing the SVG canvas.

hovered region Move across a region data-code: —

pinned region Click a region to pin it data-code: —

--:-- Waiting for the first map render.

Selected path attributes Click any region to inspect its payload.

data-name —

data-code —

LIVE CONTROLS

Every change below is passed directly into createMap.

Map set

Featured views are ready first; the rest load from the published map modules when selected.

SVG behavior

native tooltip static labels

Labels are available on most map sets.

Size preset

1.00×

Use the slider for a custom 0.25× to 3× scale factor.

Map colors

background borders hover color

Quick palettes

CURRENT RECIPE

The snippet mirrors the active map and controls above.