Risk-like (area-based) maps and HTML/JavaScript

Question

Let's say we have a Risk-like world map which is divided into regions of custom shape.

How does one enable the user to select an individual region using HTML5/JavaScript? I assume Canvas2D is the first step, but then what?

Answer 1

There are gazillions of great libraries. To name a few:

• http://d3js.org/
• http://raphaeljs.com/
• http://paperjs.org/
• http://box2d-js.sourceforge.net/
• http://threejs.org/

Specific examples:

• http://bl.ocks.org/mbostock/2206590
• http://raphaeljs.com/world/
• http://raphaeljs.com/australia.html