World Map on HTML5 Canvas or SVG

You can use SVG to create a World Map and work with raphaeljs.

Firstly, learn how to add Raphael.js, and create a circle,

var paper = Raphael(10, 50, 320, 200);

// drawing circls
var circle =, 40, 10);

circle.attr("fill", "#f00");
circle.attr("stroke", "#fff");

Then refer the following to create a World Map.

Updated on: 27-Jan-2020


Kickstart Your Career

Get certified by completing the course

Get Started