Skip to content

naveen-kumawat/svg-world-map

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Interactive SVG World Map

Create an interactive SVG world map using HTML, CSS, and JS. This project aims to provide a customizable and interactive way to display geographical data on a world map. By leveraging SVG (Scalable Vector Graphics), the map is lightweight, scalable, and suitable for various applications such as data visualization, educational purposes, or interactive websites.

Live Preview

Click 👉 here to view the live demo 😍.

Video Demo

Watch the project in action on YouTube: SVG World Map Demo

Features

  • Interactive: Users can hover over countries to see information or click for further interaction.
  • Customizable: Easily customize the map's appearance and behavior according to your needs.
  • Lightweight: Utilizes SVG for scalability and performance.

Usage

  1. Clone this repository:

    git clone https://github.com/naveen-kumawat/svg-world-map.git
  2. Open index.html in your web browser to see the map in action.

  3. Modify search4code.js and search4code.css to customize the map according to your requirements.

Developer

This project was developed by Naveen Kumawat. Contact: [email protected]

Contributing

Contributions are welcome! Please feel free to submit pull requests or open issues if you encounter any problems or have suggestions for improvements.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Result

SVG Map