https://github.com/bjclayton/interactive-haiti-map
Interactive Haiti map made with Raphael.js
https://github.com/bjclayton/interactive-haiti-map
animation map raphaeljs vanilla-javascript
Last synced: about 1 year ago
JSON representation
Interactive Haiti map made with Raphael.js
- Host: GitHub
- URL: https://github.com/bjclayton/interactive-haiti-map
- Owner: bjclayton
- Created: 2024-09-17T19:13:14.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-17T21:13:25.000Z (over 1 year ago)
- Last Synced: 2025-01-12T15:45:38.072Z (over 1 year ago)
- Topics: animation, map, raphaeljs, vanilla-javascript
- Language: JavaScript
- Homepage: https://interactive-haiti-map.vercel.app
- Size: 2.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Interactive Haiti Map
An interactive map of Haiti with details for each department.
## Features
- Interactive SVG map using Raphael.js
- Tooltips with department-specific information, including images and descriptions.
- Smooth animations when hovering over departments.
- Responsive design with a dynamically positioned tooltip.
## Technologies Used
- HTML5
- CSS3
- JavaScript (Vanilla)
- Raphael.js for rendering SVG paths.
## Setup
1. Clone the repository:
```bash
git clone https://github.com/bjclayton/interactive-haiti-map.git
cd interactive-haiti-map
```
2. Open `index.html` in your browser to view the map.
## Credits
- [Simple Maps SVG](https://simplemaps.com/)
- [Raphael.js](http://raphaeljs.com/)