Using equirectangular map projection

analytics_dashboard/static/js/views/world-map-view.js

@@ -164,7 +164,7 @@ define(['jquery', 'd3', 'datamaps', 'underscore', 'views/attribute-listener-view
 
                 map = new Datamap({
                     element: self.el,
-                    projection: 'mercator',
+                    projection: 'equirectangular',
                     geographyConfig: {
                         hideAntarctica: true,
                         borderWidth: 1,

analytics_dashboard/static/sass/_developer.scss

@@ -32,14 +32,14 @@
   position: relative;
   margin: 0 auto;
   // this is the ratio of width:height to keep the map from being cut off
-  width: 750px;
-  height: 500px;
+  width: 900px;
+  height: 400px;
 }
 
 @media (max-width: $screen-md) {
   .world-map {
     width: 450px;
-    height: 300px;}
+    height: 200px;}
 }
 
 @media (max-width: $screen-sm) {