1<html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 4 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 7 <script src="http://www.amcharts.com/lib/3/ammap.js"></script> 8 <script src="http://www.amcharts.com/lib/3/maps/js/usaLow.js"></script> 9 10 <!-- Export plugin includes and styles --> 11 <script src="../export.js"></script> 12 <link type="text/css" href="../export.css" rel="stylesheet"> 13 14 <style> 15 body, html { 16 height: 100%; 17 padding: 0; 18 margin: 0; 19 overflow: hidden; 20 font-size: 11px; 21 font-family: Verdana; 22 } 23 #chartdiv { 24 width: 100%; 25 height: 100%; 26 } 27 </style> 28 29 <script type="text/javascript"> 30 var map = AmCharts.makeChart( "chartdiv", { 31 "type": "map", 32 "colorSteps": 10, 33 "dataProvider": { 34 "map": "usaLow", 35 "areas": [ { 36 "id": "US-AL", 37 "value": 4447100 38 }, { 39 "id": "US-AK", 40 "value": 626932 41 }, { 42 "id": "US-AZ", 43 "value": 5130632 44 }, { 45 "id": "US-AR", 46 "value": 2673400 47 }, { 48 "id": "US-CA", 49 "value": 33871648 50 }, { 51 "id": "US-CO", 52 "value": 4301261 53 }, { 54 "id": "US-CT", 55 "value": 3405565 56 }, { 57 "id": "US-DE", 58 "value": 783600 59 }, { 60 "id": "US-FL", 61 "value": 15982378 62 }, { 63 "id": "US-GA", 64 "value": 8186453 65 }, { 66 "id": "US-HI", 67 "value": 1211537 68 }, { 69 "id": "US-ID", 70 "value": 1293953 71 }, { 72 "id": "US-IL", 73 "value": 12419293 74 }, { 75 "id": "US-IN", 76 "value": 6080485 77 }, { 78 "id": "US-IA", 79 "value": 2926324 80 }, { 81 "id": "US-KS", 82 "value": 2688418 83 }, { 84 "id": "US-KY", 85 "value": 4041769 86 }, { 87 "id": "US-LA", 88 "value": 4468976 89 }, { 90 "id": "US-ME", 91 "value": 1274923 92 }, { 93 "id": "US-MD", 94 "value": 5296486 95 }, { 96 "id": "US-MA", 97 "value": 6349097 98 }, { 99 "id": "US-MI", 100 "value": 9938444 101 }, { 102 "id": "US-MN", 103 "value": 4919479 104 }, { 105 "id": "US-MS", 106 "value": 2844658 107 }, { 108 "id": "US-MO", 109 "value": 5595211 110 }, { 111 "id": "US-MT", 112 "value": 902195 113 }, { 114 "id": "US-NE", 115 "value": 1711263 116 }, { 117 "id": "US-NV", 118 "value": 1998257 119 }, { 120 "id": "US-NH", 121 "value": 1235786 122 }, { 123 "id": "US-NJ", 124 "value": 8414350 125 }, { 126 "id": "US-NM", 127 "value": 1819046 128 }, { 129 "id": "US-NY", 130 "value": 18976457 131 }, { 132 "id": "US-NC", 133 "value": 8049313 134 }, { 135 "id": "US-ND", 136 "value": 642200 137 }, { 138 "id": "US-OH", 139 "value": 11353140 140 }, { 141 "id": "US-OK", 142 "value": 3450654 143 }, { 144 "id": "US-OR", 145 "value": 3421399 146 }, { 147 "id": "US-PA", 148 "value": 12281054 149 }, { 150 "id": "US-RI", 151 "value": 1048319 152 }, { 153 "id": "US-SC", 154 "value": 4012012 155 }, { 156 "id": "US-SD", 157 "value": 754844 158 }, { 159 "id": "US-TN", 160 "value": 5689283 161 }, { 162 "id": "US-TX", 163 "value": 20851820, 164 "description": "<p>Texas is the second most populous (after California) and the second largest of the 50 U.S. states (after Alaska) in the United States of America, and the largest state in the 48 contiguous United States. Geographically located in the south central part of the country, Texas shares an international border with the Mexican states of Chihuahua, Coahuila, Nuevo León, and Tamaulipas to the south and borders the U.S. states of New Mexico to the west, Oklahoma to the north, Arkansas to the northeast, and Louisiana to the east. Texas has an area of 268,820 square miles (696,200 km2) and a growing population of over 26.9 million residents (July 2014).</p>" 165 }, { 166 "id": "US-UT", 167 "value": 2233169 168 }, { 169 "id": "US-VT", 170 "value": 608827 171 }, { 172 "id": "US-VA", 173 "value": 7078515 174 }, { 175 "id": "US-WA", 176 "value": 5894121 177 }, { 178 "id": "US-WV", 179 "value": 1808344 180 }, { 181 "id": "US-WI", 182 "value": 5363675 183 }, { 184 "id": "US-WY", 185 "value": 493782 186 } ] 187 }, 188 "areasSettings": { 189 "autoZoom": true 190 }, 191 "smallMap": { 192 "top": 50, 193 "right": 50 194 }, 195 "valueLegend": { 196 "right": 10, 197 "minValue": "little", 198 "maxValue": "a lot!" 199 }, 200 "export": { 201 "enabled": true 202 } 203 } ); 204 </script> 205 </head> 206 <body> 207 <div id="chartdiv"></div> 208 </body> 209</html>