28:null 29:["$","title",null,{"children":"Highcharts map | Tom Shanley | Observable"}] 2e:T509,map = { const div = html`

`; Highcharts.mapChart(div, { chart: { map: nzSimpleFiltered }, title: { text: 'Highmaps basic demo' }, subtitle: { text: 'Source map: New Zealand' }, mapNavigation: { enabled: true, buttonOptions: { verticalAlign: 'bottom' } }, colorAxis: { stops: stopsLegend, tickAmount: numberOfSteps + 1, layout: 'horizontal' }, tooltip: { shared: true, useHTML: true, headerFormat: '{point.key}', pointFormat: '' + '', footerFormat: '

{series.name}:

{point.value}

', valueDecimals: 0 }, series: [ { data: data, name: 'Random data', borderColor: '#fff', states: { hover: { borderColor: '#000', brightness: 0 } }, dataLabels: { enabled: true, format: '{point.name}', style: { fontWeight: 'normal' } } } ] }); return div; }2f:[{"id":"62cbca0054e0d0468d86821bb656fd8f807398d19819bbefbd9cbf98bd7d209c968b1f70209a0cf0dcfb042c49ec2c3f4efbf3b11423c071a167e48c60ac3a96","href":"https://static.observableusercontent.com/files/62cbca0054e0d0468d86821bb656fd8f807398d19819bbefbd9cbf98bd7d209c968b1f70209a0cf0dcfb042c49ec2c3f4efbf3b11423c071a167e48c60ac3a96","name":"nz-all.geo.json","type":"application/json","lastModified":1601592850659.497,"size":36768},{"id":"7d5d2dd2163b9dc6742e424a2580cb1ea67a85799b1efaeef4a39445df8bd46c5ab5bd980a0f2f159538d3518e44dc6d9b97f9f7a39544c4f3ccfec75675d632","href":"https://static.observableusercontent.com/files/7d5d2dd2163b9dc6742e424a2580cb1ea67a85799b1efaeef4a39445df8bd46c5ab5bd980a0f2f159538d3518e44dc6d9b97f9f7a39544c4f3ccfec75675d632","name":"nz-all2.json","type":"application/json","lastModified":1601602386052.503,"size":16926}] 2c:{"id":"cf7ed18eae774eaf","slug":"highcharts-map","title":"Highcharts map","thumbnail":"8c04aa8d298010977266dc0bac9a1b67af6086896b2b20a451d9d57d9ea29522","access_level":"public","create_time":"$D2020-10-01T22:29:38.469Z","update_time":"$D2020-10-07T21:07:38.925Z","view_time":null,"first_public_time":"$D2020-10-04T20:31:46.258Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"99730af1f05a2243","login":"tomshanley","name":"Tom Shanley","avatar_url":"https://avatars-next.observableusercontent.com/256c880a8039584ddb6984241ce1adbf90428d5048fc0da3cf9619fe36e09a2d","tier":"starter_2024"},"version":250,"publish_version":250,"role":null,"authored":false,"authors":[{"type":"individual","id":"c74b60e30e894e8f","login":"tomshanley","name":"Tom Shanley","avatar_url":"https://avatars-next.observableusercontent.com/256c880a8039584ddb6984241ce1adbf90428d5048fc0da3cf9619fe36e09a2d","tier":null}],"members":[{"type":"individual","id":"c74b60e30e894e8f","login":"tomshanley","name":"Tom Shanley","avatar_url":"https://avatars-next.observableusercontent.com/256c880a8039584ddb6984241ce1adbf90428d5048fc0da3cf9619fe36e09a2d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":{"id":"e609505affc29f3a","slug":"highcharts","title":"Highcharts","owner":{"id":"99730af1f05a2243","login":"tomshanley","name":"Tom Shanley"}},"type":"notebook","body":{"title":"Highcharts map","cells":[{"id":0,"value":"md`# Highcharts map`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"toc(\"H2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"md`https://jsfiddle.net/gh/get/jquery/1.11.0/highslide-software/highcharts.com/tree/master/samples/mapdata/countries/nz/nz-all\n\nhttps://www.highcharts.com/docs/maps/getting-started\n\nIncludes workaround to create stepped legend\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"md`## Map`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"md`## Create steps for fill and legend`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"numberOfSteps = 5","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"stopsLegend = createStepStops(numberOfSteps)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"function createStepStops(n) {\n let steps = [];\n let increment = 1 / n;\n\n let colours = d3.scaleOrdinal(d3.schemeYlGnBu[numberOfSteps]);\n\n for (var i = 0; i < n; i++) {\n steps.push([i * increment, colours(i)]);\n steps.push([i * increment + increment, colours(i)]);\n }\n\n return steps;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"data = [\n ['nz-au', 0],\n ['nz-ma', 1],\n ['nz-so', 2],\n ['nz-wk', 3],\n ['nz-wg', 4],\n ['nz-4680', 5],\n ['nz-6943', 6],\n ['nz-6947', 7],\n ['nz-ca', 8],\n ['nz-ot', 9],\n ['nz-mw', 10],\n ['nz-gi', 11],\n ['nz-hb', 12],\n ['nz-bp', 13],\n ['nz-3315', 14],\n ['nz-3316', 15],\n ['nz-no', 16],\n ['nz-tk', 17],\n ['nz-wc', 18]\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"nz = FileAttachment(\"nz-all.geo.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"nzSimpleFiltered = {\n let cloneMap = clone(nzSimple);\n\n cloneMap.features = cloneMap.features.filter(\n d => d.properties.region != \"New Zealand Outlying Islands\"\n );\n\n return cloneMap;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"nzSimple = FileAttachment(\"nz-all2.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"md`## JS Libraries`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"Highcharts = {\n const Highcharts = await require(\"highcharts\");\n await require('highcharts/modules/map');\n await require('highcharts/modules/export-data');\n return Highcharts;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"clone = require('https://bundle.run/clone@2.1.2')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"import { toc } from \"@tomshanley/indented-toc\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"