🇧🇴 Bolivia Interactive Map
Bolivia is a landlocked country in central South America, famous for its diverse landscapes ranging from the Andes Mountains and the Altiplano to the Amazon Basin and the vast Salar de Uyuni salt flats.
🌍 Overview
Bolivia is a landlocked country in central South America, famous for its diverse landscapes ranging from the Andes Mountains and the Altiplano to the Amazon Basin and the vast Salar de Uyuni salt flats.
🎨 Design & Flag Inspiration
The visual identity of this map pack is inspired by the National Flag of Bolivia.
- Hover State: We utilize a vibrant translucent color (
rgba(217, 45, 32, 0.35)) to represent the national identity and heritage. - Borders: Rendered in Deep Navy (
#1e293b) to ensure maximum contrast and a modern, premium aesthetic.
🗺️ Interactive Demo
Hover over the Departments to see the highlight and tooltips. Click any department to see how easily you can capture the region's data code.
Every <path> element in the generated SVG automatically receives data-code and data-name. You can listen for clicks on the parent container to instantly build drill-down experiences, filtering, or regional detail views.
💻 How to Render It
Implementing the Bolivia map in your project takes just a few lines of code. Since every map is generated as a plain SVG string, the exact same approach works in React, Vue, Angular, Svelte, and vanilla JavaScript.
Generate the SVG with createMap(), inject it into a container, and listen for clicks using the automatic data-code and data-name attributes.