###Using d3.js Projections
d3.js projections convert geographical coordinates into screen x-y points. Moreover using GeoJSON and TOPOJSON you can read map information and visualized it on the canvas:
<iframe height='523' scrolling='no' src='//codepen.io/sepans/embed/qdYdaq/?height=523&theme-id=17280&default-tab=result' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen d3.js and p5.js topojson and projections by Sepand Ansari (@sepans) on CodePen. </iframe>