Make a Clickable SVG Map using HTML & CSS

Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript.
Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

[@daariioomaar]

Sir, you make me impress everyone at my work, I used your approach to create a perfectly svg map for my website. Thank you!!

[@altercodes1]

Glad I could help!

[@cryptofelix5242]

I didn't know about the svg path class, thank you!

[@LennWeltmeister]

Helping with my API project in React + TS. Many thanks

[@PavelRuzicka-qs2mf]

LOVE YOU MAN, THANK YOU SO MUCH

[@ameyapawar7097]

Can we zoom in and zoom out in map? if not is there any other way to do so? Great video btw...

[@semnet3217]

this helped me a lot, thank you!

[@Unown3000]

This video helped a lot!
Thanks! :)

[@altercodes1]

Glad to hear it!

[@infernal95mailru]

This is soooo hot!
Also, we can add target="_blank" for our links and replace our SVG to js file using the document.write(``);

[@yassirabdelmutalab7096]

nice music.

[@ritualgentle904]

Heyoooo, everything in this video works perfectly fine, the only thing is that nothing happens when I click on the country, do you have any idea why that might be?

[@josuevaldez1559]

where do i get the project? please

[@jeanjacques3432]

Hello
I followed your tutorial and it helps me a lot, Thank you
But I need help because I have a project on a clickable interactive map

[@altercodes1]

Let me know what you need, I'd be glad to help.

[@jeanjacques3432]

@@altercodes1 I need an interactive map by clicking on a country like English, there is a small tab that appears indicating the universities that are there

[@jeanjacques3432]

give me your email , i will shers you one image

[@exnihilonihil7652]

@@jeanjacques3432 Have you managed to do it? I want to do something similar and could use the help

[@SomeShenanigans.]

@@exnihilonihil7652 same here

[@DiepNguyen-bg9eo]

Thank you so much 👍

[@shafiqrehman903]

why ?in mobile country name as a text is not showing when hover a mouse.

[@BenDover-ik9nw]

is there any way i can make 1 country another colour, if yes how?

[@ryanl4388]

Please share the code, this is awesome!

[@thompryde1135]

pls

[@varshithakaginikar271]

Please provide the code

[@n4ft4l3]

Thank you!

[@altercodes1]

You're welcome!

[@thecowmilk4857]

We need the xml code! Where can I find it?

[@mohammadaminhosseini1318]

Thanks 😍

[@altercodes1]

Welcome 😊

[@gustavoo9592]

Source code ?

[@ray-zj6ql]

where's the code

[@pranavmarthi977]

where to get code?

[@jackriver1999]

Copy paste

[@altercodes1]

please wait, i will provide the source code very soon.

[@ray-zj6ql]

@@altercodes1 sir, wheres the code for this

[@dgh25]

@@altercodes1 still waiting...