Create an HTML5 Interactive Map with SVG and Data

Job ID: 34054782

Budget: $10 – $30 USD

We need create an interactive Map on HTML5 with SVG and data.

https://ibb.co/JpypbFh

The map shows some total stats (see map_normal.png file) and when somebody click on any state of the country it updates the 8 categories/stats numbers for this state (see map_click.png file).


Files Here: https://www.dropbox.com/sh/7ve68zi8jpvm59m/AABg1FvidPhVSNjAlll4Ig4ca?dl=0

- Data.xlsx file provided with ID, State Name, Color, Hover Color, Categories Values, Total Data.
- co_map.svg file provided have included the State Names and IDs
- .AI file provided as labels/categories desing reference, it labels must be created on html/css
- Reference.zip contains an html5 example of the map

Map Reference:
https://simplemaps.com/custom/country/CE4yp9Zm

Creating interactive map Video reference:
https://www.youtube.com/watch?v=7XFYiyv9uaY

- No Zoom Effect Required
- Final HTML5 File MUST be Responsive File
Related categories: JavaScript CSS HTML5 HTML SVG