1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2<html> 3 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 7 <title>amCharts Responsive Example</title> 8 <link rel="stylesheet" href="http://www.amcharts.com/lib/3/ammap.css" type="text/css"> 9 <script src="http://www.amcharts.com/lib/3/ammap.js"></script> 10 <script src="http://www.amcharts.com/lib/3/maps/js/usaLow.js"></script> 11 <script src="../responsive.min.js"></script> 12 <style> 13 body, html { 14 height: 100%; 15 padding: 0; 16 margin: 0; 17 } 18 </style> 19 <script> 20 var map = AmCharts.makeChart("chartdiv", { 21 type: "map", 22 "colorSteps": 10, 23 "dataProvider": { 24 "map": "usaLow", 25 "areas": [{ 26 "id": "US-AL", 27 "value": 4447100 28 }, { 29 "id": "US-AK", 30 "value": 626932 31 }, { 32 "id": "US-AZ", 33 "value": 5130632 34 }, { 35 "id": "US-AR", 36 "value": 2673400 37 }, { 38 "id": "US-CA", 39 "value": 33871648 40 }, { 41 "id": "US-CO", 42 "value": 4301261 43 }, { 44 "id": "US-CT", 45 "value": 3405565 46 }, { 47 "id": "US-DE", 48 "value": 783600 49 }, { 50 "id": "US-FL", 51 "value": 15982378 52 }, { 53 "id": "US-GA", 54 "value": 8186453 55 }, { 56 "id": "US-HI", 57 "value": 1211537 58 }, { 59 "id": "US-ID", 60 "value": 1293953 61 }, { 62 "id": "US-IL", 63 "value": 12419293 64 }, { 65 "id": "US-IN", 66 "value": 6080485 67 }, { 68 "id": "US-IA", 69 "value": 2926324 70 }, { 71 "id": "US-KS", 72 "value": 2688418 73 }, { 74 "id": "US-KY", 75 "value": 4041769 76 }, { 77 "id": "US-LA", 78 "value": 4468976 79 }, { 80 "id": "US-ME", 81 "value": 1274923 82 }, { 83 "id": "US-MD", 84 "value": 5296486 85 }, { 86 "id": "US-MA", 87 "value": 6349097 88 }, { 89 "id": "US-MI", 90 "value": 9938444 91 }, { 92 "id": "US-MN", 93 "value": 4919479 94 }, { 95 "id": "US-MS", 96 "value": 2844658 97 }, { 98 "id": "US-MO", 99 "value": 5595211 100 }, { 101 "id": "US-MT", 102 "value": 902195 103 }, { 104 "id": "US-NE", 105 "value": 1711263 106 }, { 107 "id": "US-NV", 108 "value": 1998257 109 }, { 110 "id": "US-NH", 111 "value": 1235786 112 }, { 113 "id": "US-NJ", 114 "value": 8414350 115 }, { 116 "id": "US-NM", 117 "value": 1819046 118 }, { 119 "id": "US-NY", 120 "value": 18976457 121 }, { 122 "id": "US-NC", 123 "value": 8049313 124 }, { 125 "id": "US-ND", 126 "value": 642200 127 }, { 128 "id": "US-OH", 129 "value": 11353140 130 }, { 131 "id": "US-OK", 132 "value": 3450654 133 }, { 134 "id": "US-OR", 135 "value": 3421399 136 }, { 137 "id": "US-PA", 138 "value": 12281054 139 }, { 140 "id": "US-RI", 141 "value": 1048319 142 }, { 143 "id": "US-SC", 144 "value": 4012012 145 }, { 146 "id": "US-SD", 147 "value": 754844 148 }, { 149 "id": "US-TN", 150 "value": 5689283 151 }, { 152 "id": "US-TX", 153 "value": 20851820, 154 "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>" 155 }, { 156 "id": "US-UT", 157 "value": 2233169 158 }, { 159 "id": "US-VT", 160 "value": 608827 161 }, { 162 "id": "US-VA", 163 "value": 7078515 164 }, { 165 "id": "US-WA", 166 "value": 5894121 167 }, { 168 "id": "US-WV", 169 "value": 1808344 170 }, { 171 "id": "US-WI", 172 "value": 5363675 173 }, { 174 "id": "US-WY", 175 "value": 493782 176 }] 177 }, 178 "areasSettings": { 179 "autoZoom": true 180 }, 181 "smallMap": {}, 182 "valueLegend": { 183 "right": 10, 184 "minValue": "little", 185 "maxValue": "a lot!" 186 }, 187 "responsive": { 188 "enabled": true 189 } 190 }); 191 </script> 192 </head> 193 194 <body> 195 <div id="chartdiv" style="width: 100%; height: 100%;"></div> 196 </body> 197 198</html>