Ethiopian SVG Map Component

A customizable React component for rendering an interactive SVG map of Ethiopian regions with hover, click, and zoom functionalities. Install via npm install ethiopia-svg-map.

Map Controls

Default Fill

Active Fill

Hover Fill

Stroke

Active Stroke

Stroke Width: 0.7

Active Stroke: 1

Hover Opacity: 0.9

Zoom Level: 1

Zoom

Values

Labels

Legend

Region Colors

Legend

Tigray: 5
Addis Ababa: 6
Harar: 0
Oromiya: 12
SNNPR: 6
Somalia: 2
Amhara: 8
Afar: 1
Dire: 1
Sidama: 2
Gambella: 1
Benishangul: 1

Selected Region: None