Highcharts Demo

author(s): Torstein Hønsi

by koh_edwin

HTML

<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/maps/modules/data.js"></script>


<div id="container"></div>

CSS

#container {
    height: 500px;
    min-width: 310px;
    max-width: 600px;
    margin: 0 auto;
}

JavaScript

(async () => {
	function getMap(){
  	return {
	type: "Topology",
	objects: {
		default: {
			type: "GeometryCollection",
			geometries: [
				{
					type: "MultiPolygon",
					arcs: [[[0]], [[1, 2, 3, 4, 5, 6, 7, 8]]],
					id: "US.MA",
					properties: {
						"hc-group": "admin1",
						"hc-middle-x": 0.36,
						"hc-middle-y": 0.47,
						"hc-key": "us-ma",
						"hc-a2": "MA",
						labelrank: "0",
						hasc: "US.MA",
						"woe-id": "2347580",
						"state-fips": "25",
						fips: "US25",
						"postal-code": "MA",
						name: "Massachusetts",
						country: "United States of America",
						region: "Northeast",
						longitude: "-71.99930000000001",
						"woe-name": "Massachusetts",
						latitude: "42.3739",
						"woe-label": "Massachusetts, US, United States",
						type: "State",
					},
				},
				{
					type: "MultiPolygon",
					arcs: [[[9]], [[10, 11, 12]]],
					id: "US.WA",
					properties: {
						"hc-group": "admin1",
						"hc-middle-x": 0.56,
						"hc-middle-y": 0.52,
						"hc-key": "us-wa",
						"hc-a2": "WA",
						labelrank: "0",
						hasc: "US.WA",
						"woe-id": "2347606",
						"state-fips": "53",
						fips: "US53",
						"postal-code": "WA",
						name: "Washington",
						country: "United States of America",
						region: "West",
						longitude: "-120.361",
						"woe-name": "Washington",
						latitude: "47.4865",
						"woe-label": "Washington, US, United States",
						type: "State",
					},
				},
				{
					type: "Polygon",
					arcs: [[13, 14, 15, 16]],
					id: "US.CA",
					properties: {
						"hc-group": "admin1",
						"hc-middle-x": 0.51,
						"hc-middle-y": 0.67,
						"hc-key": "us-ca",
						"hc-a2": "CA",
						labelrank: "0",
						hasc: "US.CA",
						"woe-id": "2347563",
						"state-fips": "6",
						fips: "US06",
						"postal-code": "CA",
						name: "California",
						country: "United States of America",
						region: "West",
						longitude: "-119.591",
						"woe-name": "California",
						latitude:...