Interactive Flag-Map Script
Budget: ₹1,500 – ₹12,500 INR
I have a high-resolution world-map PNG and need a lightweight JavaScript solution that automatically places each country’s flag icon on the correct coordinates, writes the country name just beneath the flag, and then animates a straight line that extends out from that label to the exact spot on the map.
All data—flag assets, map image, and the coordinate list—will be supplied as soon as we start; you only need to wire everything together with clean, well-commented JS, HTML, and CSS. The animation must follow the Straight line style, play smoothly on page load, and remain responsive on modern desktop and mobile browsers.
Similar working demo url will be given for reference to ideal candidate.
Deliverables
• One self-contained HTML file (plus any linked JS/CSS) showcasing the working demo
• Clear instructions for adding or updating countries, flags, and coordinates
If the demo runs flawlessly and the code is tidy, the job is done—this should be a quick win for anyone who’s comfortable with DOM manipulation and simple SVG or Canvas animations.
All data—flag assets, map image, and the coordinate list—will be supplied as soon as we start; you only need to wire everything together with clean, well-commented JS, HTML, and CSS. The animation must follow the Straight line style, play smoothly on page load, and remain responsive on modern desktop and mobile browsers.
Similar working demo url will be given for reference to ideal candidate.
Deliverables
• One self-contained HTML file (plus any linked JS/CSS) showcasing the working demo
• Clear instructions for adding or updating countries, flags, and coordinates
If the demo runs flawlessly and the code is tidy, the job is done—this should be a quick win for anyone who’s comfortable with DOM manipulation and simple SVG or Canvas animations.
Related categories:
JavaScript
CSS
HTML5
HTML
jQuery / Prototype
Web Development
Frontend Development
Web Animation