25:["$","title",null,{"children":"All The Highcharts | Natsume Kirito | Observable"}] 49:Tad8,arc = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, colors: ['#293462', '#a64942', '#fe5f55', '#fff1c1', '#5bd1d7', '#ff502f', '#004d61', '#ff8a5c', '#fff591', '#f5587b', '#fad3cf', '#a696c8', '#5BE7C4', '#266A2E', '#593E1A'], title: { text: 'Main train connections in Europe' }, accessibility: { description: 'Arc diagram chart with circles of different sizes along the X axis, and connections drawn as arcs between them. From the chart we can see that Paris is the city with the most connections to other cities.', point: { valueDescriptionFormat: 'Connection from {point.from} to {point.to}.' } }, series: [{ keys: ['from', 'to', 'weight'], type: 'arcdiagram', name: 'Train connections', linkWeight: 1, centeredLinks: true, dataLabels: { rotation: 90, y: 30, align: 'left', color: 'black' }, offset: '65%', data: [ ['Hamburg', 'Stuttgart', 1], ['Hamburg', 'Frankfurt', 1], ['Hamburg', 'München', 1], ['Hannover', 'Wien', 1], ['Hannover', 'München', 1], ['Berlin', 'Wien', 1], ['Berlin', 'München', 1], ['Berlin', 'Stuttgart', 1], ['Berlin', 'Frankfurt', 1], ['Berlin', 'Köln', 1], ['Berlin', 'Düsseldorf', 1], ['München', 'Düsseldorf', 1], ['München', 'Wien', 1], ['München', 'Frankfurt', 1], ['München', 'Köln', 1], ['München', 'Amsterdam', 1], ['Stuttgart', 'Wien', 1], ['Frankfurt', 'Wien', 1], ['Frankfurt', 'Amsterdam', 1], ['Frankfurt', 'Paris', 1], ['Frankfurt', 'Budapest', 1], ['Düsseldorf', 'Wien', 1], ['Düsseldorf', 'Hamburg', 1], ['Amsterdam', 'Paris', 1], ['Paris', 'Brest', 1], ['Paris', 'Nantes', 1], ['Paris', 'Bayonne', 1], ['Paris', 'Bordeaux', 1], ['Paris', 'Toulouse', 1], ['Paris', 'Montpellier', 1], ['Paris', 'Marseille', 1], ['Paris', 'Nice', 1], ['Paris', 'Milano', 1], ['Nantes', 'Nice', 1], ['Bordeaux', 'Lyon', 1], ['Nantes', 'Lyon', 1], ['Milano', 'München', 1], ['Milano', 'Roma', 1], ['Milano', 'Bari', 1], ['Milano', 'Napoli', 1], ['Milano', 'Brindisi', 1], ['Milano', 'Lamezia Terme', 1], ['Torino', 'Roma', 1], ['Venezia', 'Napoli', 1], ['Roma', 'Bari', 1], ['Roma', 'Catania', 1], ['Roma', 'Brindisi', 1], ['Catania', 'Milano', 1] ] }] }) return figure; }4a:Tef1,area = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'area' }, accessibility: { description: 'Image description: An area chart compares the nuclear stockpiles of the USA and the USSR/Russia between 1945 and 2017. The number of nuclear weapons is plotted on the Y-axis and the years on the X-axis. The chart is interactive, and the year-on-year stockpile levels can be traced for each country. The US has a stockpile of 6 nuclear weapons at the dawn of the nuclear age in 1945. This number has gradually increased to 369 by 1950 when the USSR enters the arms race with 6 weapons. At this point, the US starts to rapidly build its stockpile culminating in 32,040 warheads by 1966 compared to the USSR’s 7,089. From this peak in 1966, the US stockpile gradually decreases as the USSR’s stockpile expands. By 1978 the USSR has closed the nuclear gap at 25,393. The USSR stockpile continues to grow until it reaches a peak of 45,000 in 1986 compared to the US arsenal of 24,401. From 1986, the nuclear stockpiles of both countries start to fall. By 2000, the numbers have fallen to 10,577 and 21,000 for the US and Russia, respectively. The decreases continue until 2017 at which point the US holds 4,018 weapons compared to Russia’s 4,500.' }, title: { text: 'US and USSR nuclear stockpiles' }, subtitle: { text: 'Source: FAS' }, xAxis: { allowDecimals: false, labels: { formatter: function () { return this.value; // clean, unformatted number for year } }, accessibility: { rangeDescription: 'Range: 1940 to 2017.' } }, yAxis: { title: { text: 'Nuclear weapon states' }, labels: { formatter: function () { return this.value / 1000 + 'k'; } } }, tooltip: { pointFormat: '{series.name} had stockpiled {point.y:,.0f}
warheads in {point.x}' }, plotOptions: { area: { pointStart: 1940, marker: { enabled: false, symbol: 'circle', radius: 2, states: { hover: { enabled: true } } } } }, series: [{ name: 'USA', data: [ null, null, null, null, null, 2, 9, 13, 50, 170, 299, 438, 841, 1169, 1703, 2422, 3692, 5543, 7345, 12298, 18638, 22229, 25540, 28133, 29463, 31139, 31175, 31255, 29561, 27552, 26008, 25830, 26516, 27835, 28537, 27519, 25914, 25542, 24418, 24138, 24104, 23208, 22886, 23305, 23459, 23368, 23317, 23575, 23205, 22217, 21392, 19008, 13708, 11511, 10979, 10904, 11011, 10903, 10732, 10685, 10577, 10526, 10457, 10027, 8570, 8360, 7853, 5709, 5273, 5113, 5066, 4897, 4881, 4804, 4717, 4571, 4018, 3822, 3785, 3805, 3750, 3708, 3708 ] }, { name: 'USSR/Russia', data: [ null, null, null, null, null, null, null, null, null, 1, 5, 25, 50, 120, 150, 200, 426, 660, 863, 1048, 1627, 2492, 3346, 4259, 5242, 6144, 7091, 8400, 9490, 10671, 11736, 13279, 14600, 15878, 17286, 19235, 22165, 24281, 26169, 28258, 30665, 32146, 33486, 35130, 36825, 38582, 40159, 38107, 36538, 35078, 32980, 29154, 26734, 24403, 21339, 18179, 15942, 15442, 14368, 13188, 12188, 11152, 10114, 9076, 8038, 7000, 6643, 6286, 5929, 5527, 5215, 4858, 4750, 4650, 4600, 4500, 4490, 4300, 4350, 4330, 4310, 4495, 4477 ] }] }); return figure; }4b:T1923,data_areaRange = [ [1483232400000, 1.4, 4.7], [1483318800000, -1.3, 1.9], [1483405200000, -0.7, 4.3], [1483491600000, -5.5, 3.2], [1483578000000, -9.9, -6.6], [1483664400000, -9.6, 0.1], [1483750800000, -0.9, 4.0], [1483837200000, -2.2, 2.9], [1483923600000, 1.3, 2.3], [1484010000000, -0.3, 2.9], [1484096400000, 1.1, 3.8], [1484182800000, 0.6, 2.1], [1484269200000, -3.4, 2.5], [1484355600000, -2.9, 2.0], [1484442000000, -5.7, -2.6], [1484528400000, -8.7, -3.3], [1484614800000, -3.5, -0.3], [1484701200000, -0.2, 7.0], [1484787600000, 2.3, 8.5], [1484874000000, 5.6, 9.5], [1484960400000, 0.4, 5.8], [1485046800000, 0.1, 3.1], [1485133200000, 1.5, 4.1], [1485219600000, -0.2, 2.8], [1485306000000, 2.3, 10.3], [1485392400000, -0.8, 9.4], [1485478800000, -1.3, 4.6], [1485565200000, -0.6, 5.3], [1485651600000, 1.4, 5.8], [1485738000000, -3.6, 0.9], [1485824400000, -5.4, -2.6], [1485910800000, -5.5, 0.8], [1485997200000, -0.8, 2.5], [1486083600000, 1.6, 4.1], [1486170000000, 1.3, 4.8], [1486256400000, 0.7, 4.6], [1486342800000, -1.1, 4.5], [1486429200000, -5.5, -0.9], [1486515600000, -8.6, -4.2], [1486602000000, -8.3, -1.6], [1486688400000, -4.0, 0.9], [1486774800000, -5.3, -0.5], [1486861200000, -5.8, 0.4], [1486947600000, -4.4, 0.4], [1487034000000, -4.3, 0.6], [1487120400000, -4.6, 2.7], [1487206800000, 1.6, 3.2], [1487293200000, 2.3, 6.2], [1487379600000, 2.4, 4.1], [1487466000000, 2.3, 8.5], [1487552400000, 3.8, 6.8], [1487638800000, 2.4, 4.9], [1487725200000, 0.4, 4.5], [1487811600000, -5.9, 4.0], [1487898000000, -5.9, 1.5], [1487984400000, -6.2, -1.7], [1488070800000, -4.5, 2.3], [1488157200000, 0.9, 5.6], [1488243600000, 1.6, 4.9], [1488330000000, -0.2, 5.5], [1488416400000, -1.8, 4.4], [1488502800000, -1.9, 3.3], [1488589200000, -4.4, 2.5], [1488675600000, 0.7, 4.1], [1488762000000, -6.0, 2.7], [1488848400000, -8.1, -0.1], [1488934800000, -10.2, -0.5], [1489021200000, -2.3, 3.7], [1489107600000, 0.3, 4.7], [1489194000000, -1.9, 5.2], [1489280400000, 1.1, 3.1], [1489366800000, 2.3, 7.0], [1489453200000, 3.1, 7.7], [1489539600000, 2.8, 6.3], [1489626000000, 1.9, 8.9], [1489712400000, 0.8, 5.5], [1489798800000, -1.6, 4.3], [1489885200000, -1.9, 3.3], [1489971600000, 0.5, 4.4], [1490058000000, 1.7, 6.6], [1490144400000, 0.4, 5.1], [1490230800000, -1.2, 3.5], [1490317200000, 0.9, 7.4], [1490403600000, 3.3, 8.4], [1490490000000, 4.6, 10.1], [1490572800000, 3.9, 11.8], [1490659200000, 1.3, 8.9], [1490745600000, 1.4, 9.8], [1490832000000, -0.1, 2.4], [1490918400000, 1.9, 6.8], [1491004800000, 4.3, 12.2], [1491091200000, 5.4, 9.3], [1491177600000, 2.5, 11.1], [1491264000000, 5.6, 10.2], [1491350400000, 3.7, 7.6], [1491436800000, 3.3, 7.4], [1491523200000, 6.9, 12.0], [1491609600000, 5.8, 10.9], [1491696000000, 7.5, 12.1], [1491782400000, 2.3, 9.7], [1491868800000, 2.1, 7.1], [1491955200000, 0.4, 6.9], [1492041600000, 3.0, 7.0], [1492128000000, -1.2, 8.9], [1492214400000, 0.4, 7.5], [1492300800000, 0.9, 4.4], [1492387200000, -0.9, 8.2], [1492473600000, -1.7, 9.6], [1492560000000, 2.2, 7.5], [1492646400000, 3.9, 9.1], [1492732800000, 2.3, 6.5], [1492819200000, 2.0, 7.4], [1492905600000, 1.6, 6.9], [1492992000000, 1.4, 4.7], [1493078400000, -0.9, 9.7], [1493164800000, 1.8, 7.9], [1493251200000, 0.5, 10.6], [1493337600000, 0.8, 11.0], [1493424000000, 4.3, 11.6], [1493510400000, -1.6, 11.7], [1493596800000, -0.6, 14.3], [1493683200000, 1.1, 16.1], [1493769600000, 1.7, 17.1], [1493856000000, 3.1, 17.6], [1493942400000, 5.3, 19.2], [1494028800000, 5.6, 20.3], [1494115200000, 5.4, 18.0], [1494201600000, 2.9, 12.1], [1494288000000, 0.9, 8.6], [1494374400000, 1.2, 7.7], [1494460800000, 3.3, 10.1], [1494547200000, 2.7, 14.1], [1494633600000, 2.5, 16.6], [1494720000000, 9.0, 12.7], [1494806400000, 8.2, 17.0], [1494892800000, 9.0, 11.8], [1494979200000, 9.3, 16.9], [1495065600000, 10.2, 12.1], [1495152000000, 9.9, 20.3], [1495238400000, 9.0, 23.1], [1495324800000, 9.9, 16.9], [1495411200000, 7.2, 12.5], [1495497600000, 3.3, 18.1], [1495584000000, 8.3, 12.9], [1495670400000, 8.5, 13.1], [1495756800000, 10.5, 16.1], [1495843200000, 10.3, 22.3], [1495929600000, 9.0, 18.2], [1496016000000, 12.3, 15.6], [1496102400000, 12.5, 16.3], [1496188800000, 9.9, 13.6], [1496275200000, 3.7, 14.8], [1496361600000, 8.6, 14.3], [1496448000000, 10.0, 18.3], [1496534400000, 9.7, 13.0], [1496620800000, 9.0, 14.3], [1496707200000, 8.3, 14.3], [1496793600000, 11.1, 18.4], [1496880000000, 10.7, 16.6], [1496966400000, 7.2, 16.3], [1497052800000, 11.5, 15.3], [1497139200000, 11.1, 15.1], [1497225600000, 10.4, 16.5], [1497312000000, 11.3, 14.6], [1497398400000, 9.1, 17.6], [1497484800000, 9.9, 15.5], [1497571200000, 12.3, 14.9], [1497657600000, 10.5, 15.1], [1497744000000, 11.4, 18.0], [1497830400000, 9.9, 14.8], [1497916800000, 8.1, 12.4], [1498003200000, 8.6, 15.5], [1498089600000, 9.4, 13.0], [1498176000000, 11.2, 13.0], [1498262400000, 9.0, 15.3], [1498348800000, 7.7, 13.6], [1498435200000, 10.3, 13.6], [1498521600000, 6.3, 18.0], [1498608000000, 5.5, 21.7], [1498694400000, 9.1, 23.2], [1498780800000, 12.6, 25.4], [1498867200000, 10.6, 19.6], [1498953600000, 11.3, 14.5], [1499040000000, 9.2, 16.1], [1499126400000, 8.7, 17.9], [1499212800000, 6.9, 19.5], [1499299200000, 6.6, 20.0], [1499385600000, 9.7, 15.7], [1499472000000, 11.9, 14.2], [1499558400000, 8.7, 14.2], [1499644800000, 9.7, 18.4], [1499731200000, 10.3, 16.8], [1499817600000, 10.9, 15.5], [1499904000000, 10.2, 16.8], [1499990400000, 6.0, 18.9], [1500076800000, 9.1, 19.1], [1500163200000, 11.6, 15.7], [1500249600000, 8.8, 12.4], [1500336000000, 9.2, 16.3], [1500422400000, 6.2, 23.0], [1500508800000, 8.2, 26.2] ]4c:T83a,areaSpline = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'areaspline' }, title: { text: 'Moose and deer hunting in Norway, 2000 - 2021' }, subtitle: { align: 'center', text: 'Source: SSB' }, legend: { layout: 'vertical', align: 'left', verticalAlign: 'top', x: 120, y: 70, floating: true, borderWidth: 1, backgroundColor: Highcharts.defaultOptions.legend.backgroundColor || '#FFFFFF' }, xAxis: { plotBands: [{ // Highlight the two last years from: 2019, to: 2020, color: 'rgba(68, 170, 213, .2)' }] }, yAxis: { title: { text: 'Quantity' } }, tooltip: { shared: true, headerFormat: 'Hunting season starting autumn {point.x}
' }, credits: { enabled: false }, plotOptions: { series: { pointStart: 2000 }, areaspline: { fillOpacity: 0.5 } }, series: [{ name: 'Moose', data: [ 38000, 37300, 37892, 38564, 36770, 36026, 34978, 35657, 35620, 35971, 36409, 36435, 34643, 34956, 33199, 31136, 30835, 31611, 30666, 30319, 31766 ] }, { name: 'Deer', data: [ 22534, 23599, 24533, 25195, 25896, 27635, 29173, 32646, 35686, 37709, 39143, 36829, 35031, 36202, 35140, 33718, 37773, 42556, 43820, 46445, 50048 ] }] }); return figure; }4d:T63e,bar = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'bar' }, title: { text: 'Historic World Population by Region' }, subtitle: { text: 'Source: Wikipedia.org' }, xAxis: { categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'], title: { text: null } }, yAxis: { min: 0, title: { text: 'Population (millions)', align: 'high' }, labels: { overflow: 'justify' } }, tooltip: { valueSuffix: ' millions' }, plotOptions: { bar: { dataLabels: { enabled: true } } }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'top', x: -40, y: 80, floating: true, borderWidth: 1, backgroundColor: Highcharts.defaultOptions.legend.backgroundColor || '#FFFFFF', shadow: true }, credits: { enabled: false }, series: [{ name: 'Year 1990', data: [631, 727, 3202, 721, 26] }, { name: 'Year 2000', data: [814, 841, 3714, 726, 31] }, { name: 'Year 2010', data: [1044, 944, 4170, 735, 40] }, { name: 'Year 2018', data: [1276, 1007, 4561, 746, 42] }] }); return figure; }4e:T65c,boxPlot = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'boxplot' }, title: { text: 'Highcharts Box Plot Example' }, legend: { enabled: false }, xAxis: { categories: ['1', '2', '3', '4', '5'], title: { text: 'Experiment No.' } }, yAxis: { title: { text: 'Observations' }, plotLines: [{ value: 932, color: 'red', width: 1, label: { text: 'Theoretical mean: 932', align: 'center', style: { color: 'gray' } } }] }, series: [{ name: 'Observations', data: [ [760, 801, 848, 895, 965], [733, 853, 939, 980, 1080], [714, 762, 817, 870, 918], [724, 802, 806, 871, 950], [834, 836, 864, 882, 910] ], tooltip: { headerFormat: 'Experiment No {point.key}
' } }, { name: 'Outliers', color: Highcharts.getOptions().colors[0], type: 'scatter', data: [ // x, y positions where 0 is the first category [0, 644], [4, 718], [4, 951], [4, 969] ], marker: { fillColor: 'white', lineWidth: 1, lineColor: Highcharts.getOptions().colors[0] }, tooltip: { pointFormat: 'Observation: {point.y}' } }] }); return figure; }4f:Tdbf,bubble = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'bubble', plotBorderWidth: 1, zoomType: 'xy' }, legend: { enabled: false }, title: { text: 'Sugar and fat intake per country' }, subtitle: { text: 'Source: Euromonitor and OECD' }, accessibility: { point: { valueDescriptionFormat: '{index}. {point.name}, fat: {point.x}g, sugar: {point.y}g, obesity: {point.z}%.' } }, xAxis: { gridLineWidth: 1, title: { text: 'Daily fat intake' }, labels: { format: '{value} gr' }, plotLines: [{ color: 'black', dashStyle: 'dot', width: 2, value: 65, label: { rotation: 0, y: 15, style: { fontStyle: 'italic' }, text: 'Safe fat intake 65g/day' }, zIndex: 3 }], accessibility: { rangeDescription: 'Range: 60 to 100 grams.' } }, yAxis: { startOnTick: false, endOnTick: false, title: { text: 'Daily sugar intake' }, labels: { format: '{value} gr' }, maxPadding: 0.2, plotLines: [{ color: 'black', dashStyle: 'dot', width: 2, value: 50, label: { align: 'right', style: { fontStyle: 'italic' }, text: 'Safe sugar intake 50g/day', x: -10 }, zIndex: 3 }], accessibility: { rangeDescription: 'Range: 0 to 160 grams.' } }, tooltip: { useHTML: true, headerFormat: '', pointFormat: '' + '' + '' + '', footerFormat: '

{point.country}
Fat intake:	{point.x}g
Sugar intake:	{point.y}g
Obesity (adults):	{point.z}%

', followPointer: true }, plotOptions: { series: { dataLabels: { enabled: true, format: '{point.name}' } } }, series: [{ data: [ { x: 95, y: 95, z: 13.8, name: 'BE', country: 'Belgium' }, { x: 86.5, y: 102.9, z: 14.7, name: 'DE', country: 'Germany' }, { x: 80.8, y: 91.5, z: 15.8, name: 'FI', country: 'Finland' }, { x: 80.4, y: 102.5, z: 12, name: 'NL', country: 'Netherlands' }, { x: 80.3, y: 86.1, z: 11.8, name: 'SE', country: 'Sweden' }, { x: 78.4, y: 70.1, z: 16.6, name: 'ES', country: 'Spain' }, { x: 74.2, y: 68.5, z: 14.5, name: 'FR', country: 'France' }, { x: 73.5, y: 83.1, z: 10, name: 'NO', country: 'Norway' }, { x: 71, y: 93.2, z: 24.7, name: 'UK', country: 'United Kingdom' }, { x: 69.2, y: 57.6, z: 10.4, name: 'IT', country: 'Italy' }, { x: 68.6, y: 20, z: 16, name: 'RU', country: 'Russia' }, { x: 65.5, y: 126.4, z: 35.3, name: 'US', country: 'United States' }, { x: 65.4, y: 50.8, z: 28.5, name: 'HU', country: 'Hungary' }, { x: 63.4, y: 51.8, z: 15.4, name: 'PT', country: 'Portugal' }, { x: 64, y: 82.9, z: 31.3, name: 'NZ', country: 'New Zealand' } ] }] }); return figure; }50:T75c,column = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'column' }, title: { text: 'Emissions to air in Norway' }, subtitle: { text: 'Source: ' + 'SSB' }, xAxis: { categories: [ '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019', '2010', '2021' ], crosshair: true }, yAxis: { title: { useHTML: true, text: 'Million tonnes CO₂-equivalents' } }, tooltip: { headerFormat: '{point.key}', pointFormat: '' + '', footerFormat: '

{series.name}:

{point.y:.1f}

', shared: true, useHTML: true }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0 } }, series: [{ name: 'Oil and gas extraction', data: [13.93, 13.63, 13.73, 13.67, 14.37, 14.89, 14.56, 14.32, 14.13, 13.93, 13.21, 12.16] }, { name: 'Manufacturing industries and mining', data: [12.24, 12.24, 11.95, 12.02, 11.65, 11.96, 11.59, 11.94, 11.96, 11.59, 11.42, 11.76] }, { name: 'Road traffic', data: [10.00, 9.93, 9.97, 10.01, 10.23, 10.26, 10.00, 9.12, 9.36, 8.72, 8.38, 8.69] }, { name: 'Agriculture', data: [4.35, 4.32, 4.34, 4.39, 4.46, 4.52, 4.58, 4.55, 4.53, 4.51, 4.49, 4.57] }] }); return figure; }51:T82e,columnRange = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'columnrange', inverted: false }, accessibility: { description: 'Image description: A column range chart compares the monthly temperature variations throughout 2017 in Vik I Sogn, Norway. The chart is interactive and displays the temperature range for each month when hovering over the data. The temperature is measured in degrees Celsius on the X-axis and the months are plotted on the Y-axis. The lowest temperature is recorded in March at minus 10.2 Celsius. The lowest range of temperatures is found in December ranging from a low of minus 9 to a high of 8.6 Celsius. The highest temperature is found in July at 26.2 Celsius. July also has the highest range of temperatures from 6 to 26.2 Celsius. The broadest range of temperatures is found in May ranging from a low of minus 0.6 to a high of 23.1 Celsius.' }, title: { text: 'Temperature variation by month' }, subtitle: { text: 'Observed in Vik i Sogn, Norway, 2021 | ' + 'Source: Vikjavev' }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, yAxis: { title: { text: 'Temperature ( °C )' } }, tooltip: { valueSuffix: '°C' }, plotOptions: { columnrange: { dataLabels: { enabled: true, format: '{y}°C' } } }, legend: { enabled: false }, series: [{ name: 'Temperatures', data: [ [-13.9, 5.2], [-16.7, 10.6], [-4.7, 11.6], [-4.4, 16.8], [-2.1, 27.2], [5.9, 29.4], [6.5, 29.1], [4.7, 25.4], [4.3, 21.6], [-3.5, 15.1], [-9.8, 12.5], [-11.5, 8.4] ] }] }); return figure; }52:T4dc,cylinder = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'cylinder', options3d: { enabled: true, alpha: 15, beta: 15, depth: 50, viewDistance: 25 } }, title: { text: 'Number of confirmed COVID-19' }, subtitle: { text: 'Source: ' + 'FHI' }, xAxis: { categories: ['0-9', '10-19', '20-29', '30-39', '40-49', '50-59', '60-69', '70-79', '80-89', '90+'], title: { text: 'Age groups' } }, yAxis: { title: { margin: 20, text: 'Reported cases' } }, tooltip: { headerFormat: 'Age: {point.x}
' }, plotOptions: { series: { depth: 25, colorByPoint: true } }, series: [{ data: [95321, 169339, 121105, 136046, 106800, 58041, 26766, 14291, 7065, 3283], name: 'Cases', showInLegend: false }] }); return figure; }53:T95d,dependencyWheel = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, title: { text: 'Highcharts Dependency Wheel' }, accessibility: { point: { valueDescriptionFormat: '{index}. From {point.from} to {point.to}: {point.weight}.' } }, series: [{ keys: ['from', 'to', 'weight'], data: [ ['Brazil', 'Portugal', 5], ['Brazil', 'France', 1], ['Brazil', 'Spain', 1], ['Brazil', 'England', 1], ['Canada', 'Portugal', 1], ['Canada', 'France', 5], ['Canada', 'England', 1], ['Mexico', 'Portugal', 1], ['Mexico', 'France', 1], ['Mexico', 'Spain', 5], ['Mexico', 'England', 1], ['USA', 'Portugal', 1], ['USA', 'France', 1], ['USA', 'Spain', 1], ['USA', 'England', 5], ['Portugal', 'Angola', 2], ['Portugal', 'Senegal', 1], ['Portugal', 'Morocco', 1], ['Portugal', 'South Africa', 3], ['France', 'Angola', 1], ['France', 'Senegal', 3], ['France', 'Mali', 3], ['France', 'Morocco', 3], ['France', 'South Africa', 1], ['Spain', 'Senegal', 1], ['Spain', 'Morocco', 3], ['Spain', 'South Africa', 1], ['England', 'Angola', 1], ['England', 'Senegal', 1], ['England', 'Morocco', 2], ['England', 'South Africa', 7], ['South Africa', 'China', 5], ['South Africa', 'India', 1], ['South Africa', 'Japan', 3], ['Angola', 'China', 5], ['Angola', 'India', 1], ['Angola', 'Japan', 3], ['Senegal', 'China', 5], ['Senegal', 'India', 1], ['Senegal', 'Japan', 3], ['Mali', 'China', 5], ['Mali', 'India', 1], ['Mali', 'Japan', 3], ['Morocco', 'China', 5], ['Morocco', 'India', 1], ['Morocco', 'Japan', 3], ['Japan', 'Brazil', 1] ], type: 'dependencywheel', name: 'Dependency wheel series', dataLabels: { color: '#333', textPath: { enabled: true, attributes: { dy: 5 } }, distance: 10 }, size: '95%' }] }) return figure; }54:T940,errorBarsColumn = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { zoomType: 'xy' }, title: { text: 'Temperature vs Rainfall' }, xAxis: [{ categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }], yAxis: [{ // Primary yAxis labels: { format: '{value} °C', style: { color: Highcharts.getOptions().colors[1] } }, title: { text: 'Temperature', style: { color: Highcharts.getOptions().colors[1] } } }, { // Secondary yAxis title: { text: 'Rainfall', style: { color: Highcharts.getOptions().colors[0] } }, labels: { format: '{value} mm', style: { color: Highcharts.getOptions().colors[0] } }, opposite: true }], tooltip: { shared: true }, series: [{ name: 'Rainfall', type: 'column', yAxis: 1, data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], tooltip: { pointFormat: '{series.name}: {point.y:.1f} mm ' } }, { name: 'Rainfall error', type: 'errorbar', yAxis: 1, data: [[48, 51], [68, 73], [92, 110], [128, 136], [140, 150], [171, 179], [135, 143], [142, 149], [204, 220], [189, 199], [95, 110], [52, 56]], tooltip: { pointFormat: '(error range: {point.low}-{point.high} mm)
' } }, { name: 'Temperature', type: 'spline', data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6], tooltip: { pointFormat: '{series.name}: {point.y:.1f}°C ' } }, { name: 'Temperature error', type: 'errorbar', data: [[6, 8], [5.9, 7.6], [9.4, 10.4], [14.1, 15.9], [18.0, 20.1], [21.0, 24.0], [23.2, 25.3], [26.1, 27.8], [23.2, 23.9], [18.0, 21.1], [12.9, 14.0], [7.6, 10.0]], tooltip: { pointFormat: '(error range: {point.low}-{point.high}°C)
' } }] }); return figure; }55:T4c8,funnel = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'funnel' }, title: { text: 'Sales funnel' }, plotOptions: { series: { dataLabels: { enabled: true, format: '{point.name} ({point.y:,.0f})', softConnector: true }, center: ['40%', '50%'], neckWidth: '30%', neckHeight: '25%', width: '80%' } }, legend: { enabled: false }, series: [{ name: 'Unique users', data: [ ['Website visits', 15654], ['Downloads', 4064], ['Requested price list', 1987], ['Invoice sent', 976], ['Finalized', 846] ] }], responsive: { rules: [{ condition: { maxWidth: 500 }, chartOptions: { plotOptions: { series: { dataLabels: { inside: true }, center: ['50%', '50%'], width: '100%' } } } }] } }); return figure; }56:T4a4,funnel3D = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'funnel3d', options3d: { enabled: true, alpha: 10, depth: 50, viewDistance: 50 } }, title: { text: 'Highcharts Funnel3D Chart' }, accessibility: { screenReaderSection: { beforeChartFormat: '<{headingTagName}>{chartTitle}

{typeDescription}

{chartSubtitle}

{chartLongdesc}

' } }, plotOptions: { series: { dataLabels: { enabled: true, format: '{point.name} ({point.y:,.0f})', allowOverlap: true, y: 10 }, neckWidth: '30%', neckHeight: '25%', width: '80%', height: '80%' } }, series: [{ name: 'Unique users', data: [ ['Website visits', 15654], ['Downloads', 4064], ['Requested price list', 1987], ['Invoice sent', 976], ['Finalized', 846] ] }] }); return figure; }57:T94d,gauge = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'gauge', plotBackgroundColor: null, plotBackgroundImage: null, plotBorderWidth: 0, plotShadow: false, height: '80%' }, title: { text: 'Speedometer' }, pane: { startAngle: -90, endAngle: 89.9, background: null, center: ['50%', '75%'], size: '110%' }, // the value axis yAxis: { min: 0, max: 200, tickPixelInterval: 72, tickPosition: 'inside', tickColor: Highcharts.defaultOptions.chart.backgroundColor || '#FFFFFF', tickLength: 20, tickWidth: 2, minorTickInterval: null, labels: { distance: 20, style: { fontSize: '14px' } }, plotBands: [{ from: 0, to: 120, color: '#55BF3B', // green thickness: 20 }, { from: 120, to: 160, color: '#DDDF0D', // yellow thickness: 20 }, { from: 160, to: 200, color: '#DF5353', // red thickness: 20 }] }, series: [{ name: 'Speed', data: [80], tooltip: { valueSuffix: ' km/h' }, dataLabels: { format: '{y} km/h', borderWidth: 0, color: ( Highcharts.defaultOptions.title && Highcharts.defaultOptions.title.style && Highcharts.defaultOptions.title.style.color ) || '#333333', style: { fontSize: '16px' } }, dial: { radius: '80%', backgroundColor: 'gray', baseWidth: 12, baseLength: '0%', rearLength: '0%' }, pivot: { backgroundColor: 'gray', radius: 6 } }] }); // Add some life setInterval(() => { const chart = Highcharts.charts[0]; if (chart && !chart.renderer.forExport) { const point = chart.series[0].points[0], inc = Math.round((Math.random() - 0.5) * 20); let newVal = point.y + inc; if (newVal < 0 || newVal > 200) { newVal = point.y - inc; } point.update(newVal); } }, 3000); return figure; }58:Tb19,heatMapLight = { const figure = html`

`; function getPointCategoryName(point, dimension) { var series = point.series, isY = dimension === 'y', axis = series[isY ? 'yAxis' : 'xAxis']; return axis.categories[point[isY ? 'y' : 'x']]; } Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'heatmap', marginTop: 40, marginBottom: 80, plotBorderWidth: 1 }, title: { text: 'Sales per employee per weekday' }, xAxis: { categories: ['Alexander', 'Marie', 'Maximilian', 'Sophia', 'Lukas', 'Maria', 'Leon', 'Anna', 'Tim', 'Laura'] }, yAxis: { categories: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'], title: null, reversed: true }, accessibility: { point: { descriptionFormatter: function (point) { var ix = point.index + 1, xName = getPointCategoryName(point, 'x'), yName = getPointCategoryName(point, 'y'), val = point.value; return ix + '. ' + xName + ' sales ' + yName + ', ' + val + '.'; } } }, colorAxis: { min: 0, minColor: '#FFFFFF', maxColor: Highcharts.getOptions().colors[0] }, legend: { align: 'right', layout: 'vertical', margin: 0, verticalAlign: 'top', y: 25, symbolHeight: 280 }, tooltip: { formatter: function () { return '' + getPointCategoryName(this.point, 'x') + ' sold
' + this.point.value + ' items on
' + getPointCategoryName(this.point, 'y') + ''; } }, series: [{ name: 'Sales per employee', borderWidth: 1, data: [[0, 0, 10], [0, 1, 19], [0, 2, 8], [0, 3, 24], [0, 4, 67], [1, 0, 92], [1, 1, 58], [1, 2, 78], [1, 3, 117], [1, 4, 48], [2, 0, 35], [2, 1, 15], [2, 2, 123], [2, 3, 64], [2, 4, 52], [3, 0, 72], [3, 1, 132], [3, 2, 114], [3, 3, 19], [3, 4, 16], [4, 0, 38], [4, 1, 5], [4, 2, 8], [4, 3, 117], [4, 4, 115], [5, 0, 88], [5, 1, 32], [5, 2, 12], [5, 3, 6], [5, 4, 120], [6, 0, 13], [6, 1, 44], [6, 2, 88], [6, 3, 98], [6, 4, 96], [7, 0, 31], [7, 1, 1], [7, 2, 82], [7, 3, 32], [7, 4, 30], [8, 0, 85], [8, 1, 97], [8, 2, 123], [8, 3, 64], [8, 4, 84], [9, 0, 47], [9, 1, 114], [9, 2, 31], [9, 3, 48], [9, 4, 91]], dataLabels: { enabled: true, color: '#000000' } }], responsive: { rules: [{ condition: { maxWidth: 500 }, chartOptions: { yAxis: { labels: { formatter: function () { return this.value.charAt(0); } } } } }] } }); return figure; }59:T415,histogram = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, title: { text: 'Highcharts Histogram' }, xAxis: [{ title: { text: 'Data' }, alignTicks: false }, { title: { text: 'Histogram' }, alignTicks: false, opposite: true }], yAxis: [{ title: { text: 'Data' } }, { title: { text: 'Histogram' }, opposite: true }], plotOptions: { histogram: { accessibility: { point: { valueDescriptionFormat: '{index}. {point.x:.3f} to {point.x2:.3f}, {point.y}.' } } } }, series: [{ name: 'Histogram', type: 'histogram', xAxis: 1, yAxis: 1, baseSeries: 's1', zIndex: -1 }, { name: 'Data', type: 'scatter', data: data_histogram, id: 's1', marker: { radius: 1.5 } }] }); return figure; }5a:T675,itemCircular = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'item' }, title: { text: 'Distribution of seats' }, subtitle: { text: 'Bundestag election 2021. Source: ' + 'Bundeswahlleiter ' }, legend: { labelFormat: '{name} {y}' }, series: [{ name: 'Representatives', keys: ['name', 'y', 'color', 'label'], data: [ ['The Left', 39, '#BE3075', 'DIE LINKE'], ['Social Democratic Party', 206, '#EB001F', 'SPD'], ['Alliance 90/The Greens', 118, '#64A12D', 'GRÜNE'], ['Free Democratic Party', 92, '#FFED00', 'FDP'], ['Christian Democratic Union', 152, '#000000', 'CDU'], ['Christian Social Union in Bavaria', 45, '#008AC5', 'CSU'], ['Alternative for Germany', 83, '#009EE0', 'AfD'], ['South Schleswig Voters\' Association', 1, '#284B63', 'SSW'] ], dataLabels: { enabled: true, format: '{point.label}' }, // Circular options center: ['50%', '88%'], size: '170%', startAngle: -100, endAngle: 100 }], responsive: { rules: [{ condition: { maxWidth: 600 }, chartOptions: { series: [{ dataLabels: { distance: -30 } }] } }] } }); return figure; }5b:T835,itemSymbol = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'item', height: '80%' }, title: { text: 'Highcharts item chart' }, subtitle: { text: 'With image symbols' }, legend: { labelFormat: '{name} {y}' }, series: [{ name: 'Representatives', layout: 'horizontal', data: [{ name: 'Male', y: 43, marker: { symbol: 'url(data:image/svg+xml;base64,PHN2ZyBpZD0ibWFsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTkyIDUxMiI+PHBhdGggZD0iTTk2IDBjMzUuMzQ2IDAgNjQgMjguNjU0IDY0IDY0cy0yOC42NTQgNjQtNjQgNjQtNjQtMjguNjU0LTY0LTY0UzYwLjY1NCAwIDk2IDBtNDggMTQ0aC0xMS4zNmMtMjIuNzExIDEwLjQ0My00OS41OSAxMC44OTQtNzMuMjggMEg0OGMtMjYuNTEgMC00OCAyMS40OS00OCA0OHYxMzZjMCAxMy4yNTUgMTAuNzQ1IDI0IDI0IDI0aDE2djEzNmMwIDEzLjI1NSAxMC43NDUgMjQgMjQgMjRoNjRjMTMuMjU1IDAgMjQtMTAuNzQ1IDI0LTI0VjM1MmgxNmMxMy4yNTUgMCAyNC0xMC43NDUgMjQtMjRWMTkyYzAtMjYuNTEtMjEuNDktNDgtNDgtNDh6IiBmaWxsPSIjMkQ1RkYzIi8+PC9zdmc+)' }, color: '#2D5FF3' }, { name: 'Female', y: 57, marker: { symbol: 'url(data:image/svg+xml;base64,PHN2ZyBpZD0iZmVtYWxlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgNTEyIj48cGF0aCBkPSJNMTI4IDBjMzUuMzQ2IDAgNjQgMjguNjU0IDY0IDY0cy0yOC42NTQgNjQtNjQgNjRjLTM1LjM0NiAwLTY0LTI4LjY1NC02NC02NFM5Mi42NTQgMCAxMjggMG0xMTkuMjgzIDM1NC4xNzlsLTQ4LTE5MkEyNCAyNCAwIDAgMCAxNzYgMTQ0aC0xMS4zNmMtMjIuNzExIDEwLjQ0My00OS41OSAxMC44OTQtNzMuMjggMEg4MGEyNCAyNCAwIDAgMC0yMy4yODMgMTguMTc5bC00OCAxOTJDNC45MzUgMzY5LjMwNSAxNi4zODMgMzg0IDMyIDM4NGg1NnYxMDRjMCAxMy4yNTUgMTAuNzQ1IDI0IDI0IDI0aDMyYzEzLjI1NSAwIDI0LTEwLjc0NSAyNC0yNFYzODRoNTZjMTUuNTkxIDAgMjcuMDcxLTE0LjY3MSAyMy4yODMtMjkuODIxeiIgZmlsbD0iI0YyM0EyRiIvPjwvc3ZnPg==)' }, color: '#F23A2F' }] }] }); return figure; }5c:T736,line = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, title: { text: 'U.S Solar Employment Growth by Job Category, 2010-2020' }, subtitle: { text: 'Source: IREC' }, yAxis: { title: { text: 'Number of Employees' } }, xAxis: { accessibility: { rangeDescription: 'Range: 2010 to 2020' } }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'middle' }, plotOptions: { series: { label: { connectorAllowed: false }, pointStart: 2010 } }, series: [{ name: 'Installation & Developers', data: [43934, 48656, 65165, 81827, 112143, 142383, 171533, 165174, 155157, 161454, 154610] }, { name: 'Manufacturing', data: [24916, 37941, 29742, 29851, 32490, 30282, 38121, 36885, 33726, 34243, 31050] }, { name: 'Sales & Distribution', data: [11744, 30000, 16005, 19771, 20185, 24377, 32147, 30912, 29243, 29213, 25663] }, { name: 'Operations & Maintenance', data: [null, null, null, null, null, null, null, null, 11164, 11218, 10077] }, { name: 'Other', data: [21908, 5548, 8105, 11248, 8989, 11816, 18274, 17300, 13053, 11906, 10073] }], responsive: { rules: [{ condition: { maxWidth: 500 }, chartOptions: { legend: { layout: 'horizontal', align: 'center', verticalAlign: 'bottom' } } }] } }); return figure; }5d:T53b,lollipop = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'lollipop' }, accessibility: { point: { valueDescriptionFormat: '{index}. {xDescription}, {point.y}.' } }, legend: { enabled: false }, subtitle: { text: '2021' }, title: { text: 'Top 10 Countries by Population' }, tooltip: { shared: true }, xAxis: { type: 'category' }, yAxis: { title: { text: 'Population' } }, series: [{ name: 'Population', data: [{ name: 'China', low: 1444216107 }, { name: 'India', low: 1393409038 }, { name: 'United States', low: 332915073 }, { name: 'Indonesia', low: 276361783 }, { name: 'Pakistan', low: 225199937 }, { name: 'Brazil', low: 213993437 }, { name: 'Nigeria', low: 211400708 }, { name: 'Bangladesh', low: 166303498 }, { name: 'Russia', low: 145912025 }, { name: 'Mexico', low: 130262216 }] }] }); return figure }5e:T1af2,network = { if(networkOptions === false){return "check box to display graph and compute force directed interactions"} // Add the nodes option through an event call. We want to start with the parent // item and apply separate colors to each child element, then the same color to // grandchildren. Highcharts.addEvent( Highcharts.Series, 'afterSetOptions', function (e) { var colors = Highcharts.getOptions().colors, i = 0, nodes = {}; if ( this instanceof Highcharts.seriesTypes.networkgraph && e.options.id === 'lang-tree' ) { e.options.data.forEach(function (link) { if (link[0] === 'Proto Indo-European') { nodes['Proto Indo-European'] = { id: 'Proto Indo-European', marker: { radius: 20 } }; nodes[link[1]] = { id: link[1], marker: { radius: 10 }, color: colors[i++] }; } else if (nodes[link[0]] && nodes[link[0]].color) { nodes[link[1]] = { id: link[1], color: nodes[link[0]].color }; } }); e.options.nodes = Object.keys(nodes).map(function (id) { return nodes[id]; }); } } ); const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'networkgraph', height: '100%' }, title: { text: 'The Indo-European Language Tree' }, subtitle: { text: 'A Force-Directed Network Graph in Highcharts' }, plotOptions: { networkgraph: { keys: ['from', 'to'], layoutAlgorithm: { enableSimulation: true, friction: -0.9 } } }, series: [{ accessibility: { enabled: false }, dataLabels: { enabled: true, linkFormat: '' }, id: 'lang-tree', data: [ ['Proto Indo-European', 'Balto-Slavic'], ['Proto Indo-European', 'Germanic'], ['Proto Indo-European', 'Celtic'], ['Proto Indo-European', 'Italic'], ['Proto Indo-European', 'Hellenic'], ['Proto Indo-European', 'Anatolian'], ['Proto Indo-European', 'Indo-Iranian'], ['Proto Indo-European', 'Tocharian'], ['Indo-Iranian', 'Dardic'], ['Indo-Iranian', 'Indic'], ['Indo-Iranian', 'Iranian'], ['Iranian', 'Old Persian'], ['Old Persian', 'Middle Persian'], ['Indic', 'Sanskrit'], ['Italic', 'Osco-Umbrian'], ['Italic', 'Latino-Faliscan'], ['Latino-Faliscan', 'Latin'], ['Celtic', 'Brythonic'], ['Celtic', 'Goidelic'], ['Germanic', 'North Germanic'], ['Germanic', 'West Germanic'], ['Germanic', 'East Germanic'], ['North Germanic', 'Old Norse'], ['North Germanic', 'Old Swedish'], ['North Germanic', 'Old Danish'], ['West Germanic', 'Old English'], ['West Germanic', 'Old Frisian'], ['West Germanic', 'Old Dutch'], ['West Germanic', 'Old Low German'], ['West Germanic', 'Old High German'], ['Old Norse', 'Old Icelandic'], ['Old Norse', 'Old Norwegian'], ['Old Norwegian', 'Middle Norwegian'], ['Old Swedish', 'Middle Swedish'], ['Old Danish', 'Middle Danish'], ['Old English', 'Middle English'], ['Old Dutch', 'Middle Dutch'], ['Old Low German', 'Middle Low German'], ['Old High German', 'Middle High German'], ['Balto-Slavic', 'Baltic'], ['Balto-Slavic', 'Slavic'], ['Slavic', 'East Slavic'], ['Slavic', 'West Slavic'], ['Slavic', 'South Slavic'], // Leaves: ['Proto Indo-European', 'Phrygian'], ['Proto Indo-European', 'Armenian'], ['Proto Indo-European', 'Albanian'], ['Proto Indo-European', 'Thracian'], ['Tocharian', 'Tocharian A'], ['Tocharian', 'Tocharian B'], ['Anatolian', 'Hittite'], ['Anatolian', 'Palaic'], ['Anatolian', 'Luwic'], ['Anatolian', 'Lydian'], ['Iranian', 'Balochi'], ['Iranian', 'Kurdish'], ['Iranian', 'Pashto'], ['Iranian', 'Sogdian'], ['Old Persian', 'Pahlavi'], ['Middle Persian', 'Persian'], ['Hellenic', 'Greek'], ['Dardic', 'Dard'], ['Sanskrit', 'Sindhi'], ['Sanskrit', 'Romani'], ['Sanskrit', 'Urdu'], ['Sanskrit', 'Hindi'], ['Sanskrit', 'Bihari'], ['Sanskrit', 'Assamese'], ['Sanskrit', 'Bengali'], ['Sanskrit', 'Marathi'], ['Sanskrit', 'Gujarati'], ['Sanskrit', 'Punjabi'], ['Sanskrit', 'Sinhalese'], ['Osco-Umbrian', 'Umbrian'], ['Osco-Umbrian', 'Oscan'], ['Latino-Faliscan', 'Faliscan'], ['Latin', 'Portugese'], ['Latin', 'Spanish'], ['Latin', 'French'], ['Latin', 'Romanian'], ['Latin', 'Italian'], ['Latin', 'Catalan'], ['Latin', 'Franco-Provençal'], ['Latin', 'Rhaeto-Romance'], ['Brythonic', 'Welsh'], ['Brythonic', 'Breton'], ['Brythonic', 'Cornish'], ['Brythonic', 'Cuymbric'], ['Goidelic', 'Modern Irish'], ['Goidelic', 'Scottish Gaelic'], ['Goidelic', 'Manx'], ['East Germanic', 'Gothic'], ['Middle Low German', 'Low German'], ['Middle High German', '(High) German'], ['Middle High German', 'Yiddish'], ['Middle English', 'English'], ['Middle Dutch', 'Hollandic'], ['Middle Dutch', 'Flemish'], ['Middle Dutch', 'Dutch'], ['Middle Dutch', 'Limburgish'], ['Middle Dutch', 'Brabantian'], ['Middle Dutch', 'Rhinelandic'], ['Old Frisian', 'Frisian'], ['Middle Danish', 'Danish'], ['Middle Swedish', 'Swedish'], ['Middle Norwegian', 'Norwegian'], ['Old Norse', 'Faroese'], ['Old Icelandic', 'Icelandic'], ['Baltic', 'Old Prussian'], ['Baltic', 'Lithuanian'], ['Baltic', 'Latvian'], ['West Slavic', 'Polish'], ['West Slavic', 'Slovak'], ['West Slavic', 'Czech'], ['West Slavic', 'Wendish'], ['East Slavic', 'Bulgarian'], ['East Slavic', 'Old Church Slavonic'], ['East Slavic', 'Macedonian'], ['East Slavic', 'Serbo-Croatian'], ['East Slavic', 'Slovene'], ['South Slavic', 'Russian'], ['South Slavic', 'Ukrainian'], ['South Slavic', 'Belarusian'], ['South Slavic', 'Rusyn'] ] }] }); return figure; }5f:Td49,organizationRegular = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { height: 600, inverted: true }, title: { text: 'Highcharts Org Chart' }, accessibility: { point: { descriptionFormatter: function (point) { var nodeName = point.toNode.name, nodeId = point.toNode.id, nodeDesc = nodeName === nodeId ? nodeName : nodeName + ', ' + nodeId, parentDesc = point.fromNode.id; return point.index + '. ' + nodeDesc + ', reports to ' + parentDesc + '.'; } } }, series: [{ type: 'organization', name: 'Highsoft', keys: ['from', 'to'], data: [ ['Shareholders', 'Board'], ['Board', 'CEO'], ['CEO', 'CTO'], ['CEO', 'CPO'], ['CEO', 'CSO'], ['CEO', 'HR'], ['CTO', 'Product'], ['CTO', 'Web'], ['CSO', 'Sales'], ['HR', 'Market'], ['CSO', 'Market'], ['HR', 'Market'], ['CTO', 'Market'] ], levels: [{ level: 0, color: '#c27ba0', dataLabels: { color: 'black' }, height: 25 }, { level: 1, color: 'silver', dataLabels: { color: 'black' }, height: 25 }, { level: 2, color: '#ea9999' }, { level: 3, color: '#f9cb9c' }, { level: 4, color: '#ffe599' }], nodes: [{ id: 'Shareholders' }, { id: 'Board' }, { id: 'CEO', title: 'CEO', name: 'Atle Sivertsen', image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2022/06/30081411/portrett-sorthvitt.jpg' }, { id: 'HR', title: 'CFO', name: 'Anne Jorunn Fjærestad', color: '#007ad0', image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2020/03/17131210/Highsoft_04045_.jpg' }, { id: 'CTO', title: 'CTO', name: 'Christer Vasseng', image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2020/03/17131120/Highsoft_04074_.jpg' }, { id: 'CPO', title: 'CPO', name: 'Torstein Hønsi', image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2020/03/17131213/Highsoft_03998_.jpg' }, { id: 'CSO', title: 'CSO', name: 'Anita Nesse', image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2020/03/17131156/Highsoft_03834_.jpg' }, { id: 'Product', name: 'Product developers' }, { id: 'Web', name: 'Web devs, sys admin' }, { id: 'Sales', name: 'Sales team' }, { id: 'Market', name: 'Marketing team', column: 5 }], colorByPoint: false, color: '#007ad0', dataLabels: { color: 'white' }, borderColor: 'white', nodeWidth: 65 }], tooltip: { outside: true }, exporting: { allowHTML: true, sourceWidth: 800, sourceHeight: 600 } }); return figure; }60:T500,networkHorizontal = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, title: { text: 'Highcharts Horizontal Org Chart' }, series: [{ type: 'organization', name: 'Organization', keys: ['from', 'to'], data: [ ['Shareholders', 'Board'], ['Board', 'CEO'], ['CEO', 'CTO'], ['CEO', 'CPO'], ['CEO', 'CSO'], ['CEO', 'CMO'], ['CEO', 'HR'], ['CTO', 'Product'], ['CTO', 'Web'], ['CSO', 'Sales'], ['CMO', 'Market'] ], levels: [{ level: 0, color: '#c27ba0', dataLabels: { color: 'black' }, height: 25 }, { level: 1, color: 'silver', dataLabels: { color: 'black' }, height: 25 }, { level: 2, color: '#ea9999' }, { level: 3, color: '#f9cb9c' }, { level: 4, color: '#ffe599' }], colorByPoint: false, nodeWidth: '16%' }], exporting: { allowHTML: true, sourceWidth: 800, sourceHeight: 600 } }); return figure; }61:Tb28,organizationBorderless = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { height: 600, inverted: true }, title: { text: 'Highcharts org chart with borderless design' }, series: [{ type: 'organization', name: 'Highcharts Org Chart', keys: ['from', 'to'], data: [ ['Shareholders', 'Board'], ['Board', 'CEO'], ['CEO', 'CTO'], ['CEO', 'CPO'], ['CEO', 'CSO'], ['CEO', 'CMO'], ['CEO', 'HR'], ['CTO', 'Product'], ['CTO', 'Web'], ['CSO', 'Sales'], ['CMO', 'Market'] ], nodes: [{ id: 'CEO', title: 'CEO', name: 'Grethe Hjetland', image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2018/11/12132317/Grethe.jpg' }, { id: 'HR', title: 'HR/CFO', name: 'Anne Jorunn Fjærestad', image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2018/11/12132314/AnneJorunn.jpg', column: 3, offset: '75%' }, { id: 'CTO', title: 'CTO', name: 'Christer Vasseng', column: 4, image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2018/11/12140620/Christer.jpg', layout: 'hanging' }, { id: 'CPO', title: 'CPO', name: 'Torstein Hønsi', column: 4, image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2018/11/12131849/Torstein1.jpg' }, { id: 'CSO', title: 'CSO', name: 'Anita Nesse', column: 4, image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2018/11/12132313/Anita.jpg', layout: 'hanging' }, { id: 'CMO', title: 'CMO', name: 'Vidar Brekke', column: 4, image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2018/11/13105551/Vidar.jpg', layout: 'hanging' }, { id: 'Product', name: 'Product developers' }, { id: 'Web', name: 'General tech', description: 'Web dev' }, { id: 'Sales', name: 'Sales team' }, { id: 'Market', name: 'Marketing team' }], colorByPoint: false, color: 'none', dataLabels: { color: '#333333', defer: false }, borderColor: 'none', nodeWidth: 65, hangingIndent: 50 }], tooltip: { outside: true }, exporting: { allowHTML: true, sourceWidth: 800, sourceHeight: 600 } }); return figure; }62:T416,organizationCentered = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { height: 600, inverted: true }, title: { text: 'Highcharts Centered Org Chart' }, series: [{ type: 'organization', name: 'Highcharts Org Chart', keys: ['from', 'to'], data: [ ['CTO', 'CEO'], ['CPO', 'CEO'], ['CEO', 'CPO'], ['CEO', 'CSO'], ['CEO', 'CMO'], ['CEO', 'HR'] ], nodes: [{ id: 'CTO', column: 0 }, { id: 'CPO', column: 0 }, { id: 'CEO', color: '#8d5daf', borderRadius: '50%' }], colorByPoint: false, dataLabels: { color: 'white' }, nodeWidth: '25%' // = height in the inverted chart }], exporting: { allowHTML: true, sourceWidth: 800, sourceHeight: 600 } }) return figure; }63:T2e16,packedBubbleRegular = { if(packedBubbleOptions === false){return "check box to display graph and compute force directed interactions"} const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'packedbubble', height: '100%' }, title: { text: 'Carbon emissions around the world (2014)' }, tooltip: { useHTML: true, pointFormat: '{point.name}: {point.value}m CO₂' }, plotOptions: { packedbubble: { minSize: '30%', maxSize: '120%', zMin: 0, zMax: 1000, layoutAlgorithm: { splitSeries: false, gravitationalConstant: 0.02 }, dataLabels: { enabled: true, format: '{point.name}', filter: { property: 'y', operator: '>', value: 250 }, style: { color: 'black', textOutline: 'none', fontWeight: 'normal' } } } }, series: [{ name: 'Europe', data: [{ name: 'Germany', value: 767.1 }, { name: 'Croatia', value: 20.7 }, { name: "Belgium", value: 97.2 }, { name: "Czech Republic", value: 111.7 }, { name: "Netherlands", value: 158.1 }, { name: "Spain", value: 241.6 }, { name: "Ukraine", value: 249.1 }, { name: "Poland", value: 298.1 }, { name: "France", value: 323.7 }, { name: "Romania", value: 78.3 }, { name: "United Kingdom", value: 415.4 }, { name: "Turkey", value: 353.2 }, { name: "Italy", value: 337.6 }, { name: "Greece", value: 71.1 }, { name: "Austria", value: 69.8 }, { name: "Belarus", value: 67.7 }, { name: "Serbia", value: 59.3 }, { name: "Finland", value: 54.8 }, { name: "Bulgaria", value: 51.2 }, { name: "Portugal", value: 48.3 }, { name: "Norway", value: 44.4 }, { name: "Sweden", value: 44.3 }, { name: "Hungary", value: 43.7 }, { name: "Switzerland", value: 40.2 }, { name: "Denmark", value: 40 }, { name: "Slovakia", value: 34.7 }, { name: "Ireland", value: 34.6 }, { name: "Croatia", value: 20.7 }, { name: "Estonia", value: 19.4 }, { name: "Slovenia", value: 16.7 }, { name: "Lithuania", value: 12.3 }, { name: "Luxembourg", value: 10.4 }, { name: "Macedonia", value: 9.5 }, { name: "Moldova", value: 7.8 }, { name: "Latvia", value: 7.5 }, { name: "Cyprus", value: 7.2 }] }, { name: 'Africa', data: [{ name: "Senegal", value: 8.2 }, { name: "Cameroon", value: 9.2 }, { name: "Zimbabwe", value: 13.1 }, { name: "Ghana", value: 14.1 }, { name: "Kenya", value: 14.1 }, { name: "Sudan", value: 17.3 }, { name: "Tunisia", value: 24.3 }, { name: "Angola", value: 25 }, { name: "Libya", value: 50.6 }, { name: "Ivory Coast", value: 7.3 }, { name: "Morocco", value: 60.7 }, { name: "Ethiopia", value: 8.9 }, { name: "United Republic of Tanzania", value: 9.1 }, { name: "Nigeria", value: 93.9 }, { name: "South Africa", value: 392.7 }, { name: "Egypt", value: 225.1 }, { name: "Algeria", value: 141.5 }] }, { name: 'Oceania', data: [{ name: "Australia", value: 409.4 }, { name: "New Zealand", value: 34.1 }, { name: "Papua New Guinea", value: 7.1 }] }, { name: 'North America', data: [{ name: "Costa Rica", value: 7.6 }, { name: "Honduras", value: 8.4 }, { name: "Jamaica", value: 8.3 }, { name: "Panama", value: 10.2 }, { name: "Guatemala", value: 12 }, { name: "Dominican Republic", value: 23.4 }, { name: "Cuba", value: 30.2 }, { name: "USA", value: 5334.5 }, { name: "Canada", value: 566 }, { name: "Mexico", value: 456.3 }] }, { name: 'South America', data: [{ name: "El Salvador", value: 7.2 }, { name: "Uruguay", value: 8.1 }, { name: "Bolivia", value: 17.8 }, { name: "Trinidad and Tobago", value: 34 }, { name: "Ecuador", value: 43 }, { name: "Chile", value: 78.6 }, { name: "Peru", value: 52 }, { name: "Colombia", value: 74.1 }, { name: "Brazil", value: 501.1 }, { name: "Argentina", value: 199 }, { name: "Venezuela", value: 195.2 }] }, { name: 'Asia', data: [{ name: "Nepal", value: 6.5 }, { name: "Georgia", value: 6.5 }, { name: "Brunei Darussalam", value: 7.4 }, { name: "Kyrgyzstan", value: 7.4 }, { name: "Afghanistan", value: 7.9 }, { name: "Myanmar", value: 9.1 }, { name: "Mongolia", value: 14.7 }, { name: "Sri Lanka", value: 16.6 }, { name: "Bahrain", value: 20.5 }, { name: "Yemen", value: 22.6 }, { name: "Jordan", value: 22.3 }, { name: "Lebanon", value: 21.1 }, { name: "Azerbaijan", value: 31.7 }, { name: "Singapore", value: 47.8 }, { name: "Hong Kong", value: 49.9 }, { name: "Syria", value: 52.7 }, { name: "DPR Korea", value: 59.9 }, { name: "Israel", value: 64.8 }, { name: "Turkmenistan", value: 70.6 }, { name: "Oman", value: 74.3 }, { name: "Qatar", value: 88.8 }, { name: "Philippines", value: 96.9 }, { name: "Kuwait", value: 98.6 }, { name: "Uzbekistan", value: 122.6 }, { name: "Iraq", value: 139.9 }, { name: "Pakistan", value: 158.1 }, { name: "Vietnam", value: 190.2 }, { name: "United Arab Emirates", value: 201.1 }, { name: "Malaysia", value: 227.5 }, { name: "Kazakhstan", value: 236.2 }, { name: "Thailand", value: 272 }, { name: "Taiwan", value: 276.7 }, { name: "Indonesia", value: 453 }, { name: "Saudi Arabia", value: 494.8 }, { name: "Japan", value: 1278.9 }, { name: "China", value: 10540.8 }, { name: "India", value: 2341.9 }, { name: "Russia", value: 1766.4 }, { name: "Iran", value: 618.2 }, { name: "Korea", value: 610.1 }] }] }); return figure; }64:T2e7d,packedBubbleSplit = { if(packedBubbleOptions === false){return "check box to display graph and compute force directed interactions"} const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'packedbubble', height: '100%' }, title: { text: 'Carbon emissions around the world (2014)' }, tooltip: { useHTML: true, pointFormat: '{point.name}: {point.value}m CO₂' }, plotOptions: { packedbubble: { minSize: '20%', maxSize: '100%', zMin: 0, zMax: 1000, layoutAlgorithm: { gravitationalConstant: 0.05, splitSeries: true, seriesInteraction: false, dragBetweenSeries: true, parentNodeLimit: true }, dataLabels: { enabled: true, format: '{point.name}', filter: { property: 'y', operator: '>', value: 250 }, style: { color: 'black', textOutline: 'none', fontWeight: 'normal' } } } }, series: [{ name: 'Europe', data: [{ name: 'Germany', value: 767.1 }, { name: 'Croatia', value: 20.7 }, { name: "Belgium", value: 97.2 }, { name: "Czech Republic", value: 111.7 }, { name: "Netherlands", value: 158.1 }, { name: "Spain", value: 241.6 }, { name: "Ukraine", value: 249.1 }, { name: "Poland", value: 298.1 }, { name: "France", value: 323.7 }, { name: "Romania", value: 78.3 }, { name: "United Kingdom", value: 415.4 }, { name: "Turkey", value: 353.2 }, { name: "Italy", value: 337.6 }, { name: "Greece", value: 71.1 }, { name: "Austria", value: 69.8 }, { name: "Belarus", value: 67.7 }, { name: "Serbia", value: 59.3 }, { name: "Finland", value: 54.8 }, { name: "Bulgaria", value: 51.2 }, { name: "Portugal", value: 48.3 }, { name: "Norway", value: 44.4 }, { name: "Sweden", value: 44.3 }, { name: "Hungary", value: 43.7 }, { name: "Switzerland", value: 40.2 }, { name: "Denmark", value: 40 }, { name: "Slovakia", value: 34.7 }, { name: "Ireland", value: 34.6 }, { name: "Croatia", value: 20.7 }, { name: "Estonia", value: 19.4 }, { name: "Slovenia", value: 16.7 }, { name: "Lithuania", value: 12.3 }, { name: "Luxembourg", value: 10.4 }, { name: "Macedonia", value: 9.5 }, { name: "Moldova", value: 7.8 }, { name: "Latvia", value: 7.5 }, { name: "Cyprus", value: 7.2 }] }, { name: 'Africa', data: [{ name: "Senegal", value: 8.2 }, { name: "Cameroon", value: 9.2 }, { name: "Zimbabwe", value: 13.1 }, { name: "Ghana", value: 14.1 }, { name: "Kenya", value: 14.1 }, { name: "Sudan", value: 17.3 }, { name: "Tunisia", value: 24.3 }, { name: "Angola", value: 25 }, { name: "Libya", value: 50.6 }, { name: "Ivory Coast", value: 7.3 }, { name: "Morocco", value: 60.7 }, { name: "Ethiopia", value: 8.9 }, { name: "United Republic of Tanzania", value: 9.1 }, { name: "Nigeria", value: 93.9 }, { name: "South Africa", value: 392.7 }, { name: "Egypt", value: 225.1 }, { name: "Algeria", value: 141.5 }] }, { name: 'Oceania', data: [{ name: "Australia", value: 409.4 }, { name: "New Zealand", value: 34.1 }, { name: "Papua New Guinea", value: 7.1 }] }, { name: 'North America', data: [{ name: "Costa Rica", value: 7.6 }, { name: "Honduras", value: 8.4 }, { name: "Jamaica", value: 8.3 }, { name: "Panama", value: 10.2 }, { name: "Guatemala", value: 12 }, { name: "Dominican Republic", value: 23.4 }, { name: "Cuba", value: 30.2 }, { name: "USA", value: 5334.5 }, { name: "Canada", value: 566 }, { name: "Mexico", value: 456.3 }] }, { name: 'South America', data: [{ name: "El Salvador", value: 7.2 }, { name: "Uruguay", value: 8.1 }, { name: "Bolivia", value: 17.8 }, { name: "Trinidad and Tobago", value: 34 }, { name: "Ecuador", value: 43 }, { name: "Chile", value: 78.6 }, { name: "Peru", value: 52 }, { name: "Colombia", value: 74.1 }, { name: "Brazil", value: 501.1 }, { name: "Argentina", value: 199 }, { name: "Venezuela", value: 195.2 }] }, { name: 'Asia', data: [{ name: "Nepal", value: 6.5 }, { name: "Georgia", value: 6.5 }, { name: "Brunei Darussalam", value: 7.4 }, { name: "Kyrgyzstan", value: 7.4 }, { name: "Afghanistan", value: 7.9 }, { name: "Myanmar", value: 9.1 }, { name: "Mongolia", value: 14.7 }, { name: "Sri Lanka", value: 16.6 }, { name: "Bahrain", value: 20.5 }, { name: "Yemen", value: 22.6 }, { name: "Jordan", value: 22.3 }, { name: "Lebanon", value: 21.1 }, { name: "Azerbaijan", value: 31.7 }, { name: "Singapore", value: 47.8 }, { name: "Hong Kong", value: 49.9 }, { name: "Syria", value: 52.7 }, { name: "DPR Korea", value: 59.9 }, { name: "Israel", value: 64.8 }, { name: "Turkmenistan", value: 70.6 }, { name: "Oman", value: 74.3 }, { name: "Qatar", value: 88.8 }, { name: "Philippines", value: 96.9 }, { name: "Kuwait", value: 98.6 }, { name: "Uzbekistan", value: 122.6 }, { name: "Iraq", value: 139.9 }, { name: "Pakistan", value: 158.1 }, { name: "Vietnam", value: 190.2 }, { name: "United Arab Emirates", value: 201.1 }, { name: "Malaysia", value: 227.5 }, { name: "Kazakhstan", value: 236.2 }, { name: "Thailand", value: 272 }, { name: "Taiwan", value: 276.7 }, { name: "Indonesia", value: 453 }, { name: "Saudi Arabia", value: 494.8 }, { name: "Japan", value: 1278.9 }, { name: "China", value: 10540.8 }, { name: "India", value: 2341.9 }, { name: "Russia", value: 1766.4 }, { name: "Iran", value: 618.2 }, { name: "Korea", value: 610.1 }] }] }); return figure; }65:T4b9,pareto = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { renderTo: 'container', type: 'column' }, title: { text: 'Restaurants Complaints' }, tooltip: { shared: true }, xAxis: { categories: [ 'Overpriced', 'Small portions', 'Wait time', 'Food is tasteless', 'No atmosphere', 'Not clean', 'Too noisy', 'Unfriendly staff' ], crosshair: true }, yAxis: [{ title: { text: '' } }, { title: { text: '' }, minPadding: 0, maxPadding: 0, max: 100, min: 0, opposite: true, labels: { format: "{value}%" } }], series: [{ type: 'pareto', name: 'Pareto', yAxis: 1, zIndex: 10, baseSeries: 1, tooltip: { valueDecimals: 2, valueSuffix: '%' } }, { name: 'Complaints', type: 'column', zIndex: 2, data: [755, 222, 151, 86, 72, 51, 36, 10] }] }); return figure; }66:T56e,pie = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false, type: 'pie' }, title: { text: 'Browser market shares in May, 2020' }, tooltip: { pointFormat: '{series.name}: {point.percentage:.1f}%' }, accessibility: { point: { valueSuffix: '%' } }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '{point.name}: {point.percentage:.1f} %' } } }, series: [{ name: 'Brands', colorByPoint: true, data: [{ name: 'Chrome', y: 70.67, sliced: true, selected: true }, { name: 'Edge', y: 14.77 }, { name: 'Firefox', y: 4.86 }, { name: 'Safari', y: 2.63 }, { name: 'Internet Explorer', y: 1.53 }, { name: 'Opera', y: 1.40 }, { name: 'Sogou Explorer', y: 0.84 }, { name: 'QQ', y: 0.51 }, { name: 'Other', y: 2.6 }] }] }); return figure; }67:T1152,polygon = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, title: { text: 'Average height and weight for men by country' }, subtitle: { text: 'Source: ' + 'WorldData' }, xAxis: { gridLineWidth: 1, title: { enabled: true, text: 'Height (cm)' }, startOnTick: true, endOnTick: true, showLastLabel: true }, yAxis: { title: { text: 'Weight (kg)' } }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'middle' }, series: [{ name: 'Target', type: 'polygon', data: [[163, 42], [162, 46], [162, 55], [163, 64], [164, 70], [170, 90], [181, 100], [182, 90], [173, 52], [166, 45]], color: Highcharts.color(Highcharts.getOptions() .colors[0]).setOpacity(0.5).get(), enableMouseTracking: false, accessibility: { exposeAsGroupOnly: true, description: 'Target ranges in an upwards trending diagonal from 161 to 182 on the x axis, and 42 to 100 on the y axis.' } }, { name: 'Observations', type: 'scatter', color: Highcharts.getOptions().colors[1], data: [ { x: 184, y: 87.9, name: "Netherlands" }, { x: 183, y: 90.4, name: "Montenegro" }, { x: 182, y: 89.9, name: "Estonia" }, { x: 182, y: 86.8, name: "Denmark" }, { x: 181, y: 89.2, name: "Iceland" }, { x: 181, y: 89.9, name: "Czechia" }, { x: 180, y: 89.9, name: "Serbia" }, { x: 180, y: 89.9, name: "Sweden" }, { x: 180, y: 89.1, name: "Norway" }, { x: 180, y: 80.7, name: "Dominica" }, { x: 180, y: 86.3, name: "Finland" }, { x: 179, y: 88.4, name: "Bermuda" }, { x: 179, y: 90.7, name: "Puerto Rico" }, { x: 178, y: 84.1, name: "Belarus" }, { x: 178, y: 103.7, name: "Cook Islands" }, { x: 177, y: 98.8, name: "Niue" }, { x: 177, y: 103.2, name: "American Samoa" }, { x: 176, y: 80.3, name: "Russia" }, { x: 176, y: 91.1, name: "Saint Lucia" }, { x: 175, y: 67.0, name: "Senegal" }, { x: 175, y: 93.7, name: "Tonga" }, { x: 174, y: 74.6, name: "Algeria" }, { x: 174, y: 84.7, name: "Argentina" }, { x: 174, y: 79.5, name: "Portugal" }, { x: 173, y: 73.6, name: "Mauritius" }, { x: 173, y: 91.8, name: "Samoa" }, { x: 172, y: 69.5, name: "Japan" }, { x: 172, y: 74.0, name: "Bahrain" }, { x: 171, y: 64.1, name: "Chad" }, { x: 171, y: 88.0, name: "Tuvalu" }, { x: 171, y: 67.8, name: "Sudan" }, { x: 170, y: 58.8, name: "Eritrea" }, { x: 170, y: 63.9, name: "Kenya" }, { x: 170, y: 74.7, name: "Mongolia" }, { x: 170, y: 65.1, name: "Nigeria" }, { x: 169, y: 93.0, name: "Nauru" }, { x: 169, y: 81.1, name: "Micronesia" }, { x: 169, y: 64.9, name: "Ghana" }, { x: 169, y: 71.9, name: "South Africa" }, { x: 168, y: 61.2, name: "Vietnam" }, { x: 168, y: 65.9, name: "Ivory Coast" }, { x: 168, y: 69.2, name: "Maldives" }, { x: 168, y: 56.5, name: "Ethiopia" }, { x: 167, y: 74.2, name: "Ecuador" }, { x: 167, y: 60.5, name: "Burundi" }, { x: 166, y: 69.6, name: "India" }, { x: 166, y: 74.7, name: "Brunei" }, { x: 165, y: 57.7, name: "Bangladesh" }, { x: 165, y: 58.4, name: "Madagascar" }, { x: 165, y: 61.8, name: "Philippines" }, { x: 164, y: 60.5, name: "Nepal" }, { x: 164, y: 69.1, name: "Guatemala" }, { x: 163, y: 62.5, name: "Yemen" }, { x: 162, y: 59.5, name: "Laos" }, { x: 159, y: 53.9, name: "Timor-Leste" } ] }], tooltip: { headerFormat: '{point.key}
', pointFormat: '{point.x} cm, {point.y} kg' }, responsive: { rules: [{ condition: { maxWidth: 500 }, chartOptions: { legend: { align: 'center', layout: 'horizontal', verticalAlign: 'bottom' } } }] } }); return figure; }68:T4c7,pyramid = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'pyramid' }, title: { text: 'Sales pyramid', x: -50 }, plotOptions: { series: { dataLabels: { enabled: true, format: '{point.name} ({point.y:,.0f})', softConnector: true }, center: ['40%', '50%'], width: '80%' } }, legend: { enabled: false }, series: [{ name: 'Unique users', data: [ ['Website visits', 15654], ['Downloads', 4064], ['Requested price list', 1987], ['Invoice sent', 976], ['Finalized', 846] ] }], responsive: { rules: [{ condition: { maxWidth: 500 }, chartOptions: { plotOptions: { series: { dataLabels: { inside: true }, center: ['50%', '50%'], width: '100%' } } } }] } }); return figure; }69:T843,sankeyHorizontal = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, title: { text: 'Highcharts Horizontal Sankey Diagram' }, accessibility: { point: { valueDescriptionFormat: '{index}. {point.from} to {point.to}, {point.weight}.' } }, series: [{ keys: ['from', 'to', 'weight'], data: [ ['Brazil', 'Portugal', 5], ['Brazil', 'France', 1], ['Brazil', 'Spain', 1], ['Brazil', 'England', 1], ['Canada', 'Portugal', 1], ['Canada', 'France', 5], ['Canada', 'England', 1], ['Mexico', 'Portugal', 1], ['Mexico', 'France', 1], ['Mexico', 'Spain', 5], ['Mexico', 'England', 1], ['USA', 'Portugal', 1], ['USA', 'France', 1], ['USA', 'Spain', 1], ['USA', 'England', 5], ['Portugal', 'Angola', 2], ['Portugal', 'Senegal', 1], ['Portugal', 'Morocco', 1], ['Portugal', 'South Africa', 3], ['France', 'Angola', 1], ['France', 'Senegal', 3], ['France', 'Mali', 3], ['France', 'Morocco', 3], ['France', 'South Africa', 1], ['Spain', 'Senegal', 1], ['Spain', 'Morocco', 3], ['Spain', 'South Africa', 1], ['England', 'Angola', 1], ['England', 'Senegal', 1], ['England', 'Morocco', 2], ['England', 'South Africa', 7], ['South Africa', 'China', 5], ['South Africa', 'India', 1], ['South Africa', 'Japan', 3], ['Angola', 'China', 5], ['Angola', 'India', 1], ['Angola', 'Japan', 3], ['Senegal', 'China', 5], ['Senegal', 'India', 1], ['Senegal', 'Japan', 3], ['Mali', 'China', 5], ['Mali', 'India', 1], ['Mali', 'Japan', 3], ['Morocco', 'China', 5], ['Morocco', 'India', 1], ['Morocco', 'Japan', 3] ], type: 'sankey', name: 'Sankey demo series' }] }); return figure; }6a:T7e5,SankeyVertical = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { inverted: true }, title: { text: 'Highcharts Vertical Sankey Diagram' }, series: [{ keys: ['from', 'to', 'weight'], data: [ ['Brazil', 'Portugal', 5], ['Brazil', 'France', 1], ['Brazil', 'Spain', 1], ['Brazil', 'England', 1], ['Canada', 'Portugal', 1], ['Canada', 'France', 5], ['Canada', 'England', 1], ['Mexico', 'Portugal', 1], ['Mexico', 'France', 1], ['Mexico', 'Spain', 5], ['Mexico', 'England', 1], ['USA', 'Portugal', 1], ['USA', 'France', 1], ['USA', 'Spain', 1], ['USA', 'England', 5], ['Portugal', 'Angola', 2], ['Portugal', 'Senegal', 1], ['Portugal', 'Morocco', 1], ['Portugal', 'South Africa', 3], ['France', 'Angola', 1], ['France', 'Senegal', 3], ['France', 'Mali', 3], ['France', 'Morocco', 3], ['France', 'South Africa', 1], ['Spain', 'Senegal', 1], ['Spain', 'Morocco', 3], ['Spain', 'South Africa', 1], ['England', 'Angola', 1], ['England', 'Senegal', 1], ['England', 'Morocco', 2], ['England', 'South Africa', 7], ['South Africa', 'China', 5], ['South Africa', 'India', 1], ['South Africa', 'Japan', 3], ['Angola', 'China', 5], ['Angola', 'India', 1], ['Angola', 'Japan', 3], ['Senegal', 'China', 5], ['Senegal', 'India', 1], ['Senegal', 'Japan', 3], ['Mali', 'China', 5], ['Mali', 'India', 1], ['Mali', 'Japan', 3], ['Morocco', 'China', 5], ['Morocco', 'India', 1], ['Morocco', 'Japan', 3] ], type: 'sankey', name: 'Sankey demo series' }] }); return figure; }6b:T45c,sankeySingle = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, title: { text: 'Highcharts Sankey diagram' }, subtitle: { text: 'The energy efficiency of an electric motor' }, series: [{ keys: ['from', 'to', 'weight'], data: [{ from: 'total', to: 'Useful kinetic energy', weight: 56, outgoing: true }, { from: 'total', to: 'Heat loss', weight: 27, outgoing: true }, { from: 'total', to: 'Sound loss', weight: 17, outgoing: true }], dataLabels: { nodeFormat: '{point.name}: {point.sum}%', padding: 20, style: { fontSize: '1.5em' } }, nodes: [{ id: 'total', name: 'Total energy required' }], type: 'sankey', name: 'Energy of an electric motor', linkOpacity: 1, nodePadding: 30, curveFactor: 0.5 }] }); return figure; }6c:T28ed,scatter = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'scatter', zoomType: 'xy' }, title: { text: 'Height Versus Weight of 507 Individuals by Gender' }, subtitle: { text: 'Source: Heinz 2003' }, xAxis: { title: { enabled: true, text: 'Height (cm)' }, startOnTick: true, endOnTick: true, showLastLabel: true }, yAxis: { title: { text: 'Weight (kg)' } }, legend: { layout: 'vertical', align: 'left', verticalAlign: 'top', x: 100, y: 70, floating: true, backgroundColor: Highcharts.defaultOptions.chart.backgroundColor, borderWidth: 1 }, plotOptions: { scatter: { marker: { radius: 5, states: { hover: { enabled: true, lineColor: 'rgb(100,100,100)' } } }, states: { hover: { marker: { enabled: false } } }, tooltip: { headerFormat: '{series.name}
', pointFormat: '{point.x} cm, {point.y} kg' } } }, series: [{ name: 'Female', color: 'rgba(223, 83, 83, .5)', data: [[161.2, 51.6], [167.5, 59.0], [159.5, 49.2], [157.0, 63.0], [155.8, 53.6], [170.0, 59.0], [159.1, 47.6], [166.0, 69.8], [176.2, 66.8], [160.2, 75.2], [172.5, 55.2], [170.9, 54.2], [172.9, 62.5], [153.4, 42.0], [160.0, 50.0], [147.2, 49.8], [168.2, 49.2], [175.0, 73.2], [157.0, 47.8], [167.6, 68.8], [159.5, 50.6], [175.0, 82.5], [166.8, 57.2], [176.5, 87.8], [170.2, 72.8], [174.0, 54.5], [173.0, 59.8], [179.9, 67.3], [170.5, 67.8], [160.0, 47.0], [154.4, 46.2], [162.0, 55.0], [176.5, 83.0], [160.0, 54.4], [152.0, 45.8], [162.1, 53.6], [170.0, 73.2], [160.2, 52.1], [161.3, 67.9], [166.4, 56.6], [168.9, 62.3], [163.8, 58.5], [167.6, 54.5], [160.0, 50.2], [161.3, 60.3], [167.6, 58.3], [165.1, 56.2], [160.0, 50.2], [170.0, 72.9], [157.5, 59.8], [167.6, 61.0], [160.7, 69.1], [163.2, 55.9], [152.4, 46.5], [157.5, 54.3], [168.3, 54.8], [180.3, 60.7], [165.5, 60.0], [165.0, 62.0], [164.5, 60.3], [156.0, 52.7], [160.0, 74.3], [163.0, 62.0], [165.7, 73.1], [161.0, 80.0], [162.0, 54.7], [166.0, 53.2], [174.0, 75.7], [172.7, 61.1], [167.6, 55.7], [151.1, 48.7], [164.5, 52.3], [163.5, 50.0], [152.0, 59.3], [169.0, 62.5], [164.0, 55.7], [161.2, 54.8], [155.0, 45.9], [170.0, 70.6], [176.2, 67.2], [170.0, 69.4], [162.5, 58.2], [170.3, 64.8], [164.1, 71.6], [169.5, 52.8], [163.2, 59.8], [154.5, 49.0], [159.8, 50.0], [173.2, 69.2], [170.0, 55.9], [161.4, 63.4], [169.0, 58.2], [166.2, 58.6], [159.4, 45.7], [162.5, 52.2], [159.0, 48.6], [162.8, 57.8], [159.0, 55.6], [179.8, 66.8], [162.9, 59.4], [161.0, 53.6], [151.1, 73.2], [168.2, 53.4], [168.9, 69.0], [173.2, 58.4], [171.8, 56.2], [178.0, 70.6], [164.3, 59.8], [163.0, 72.0], [168.5, 65.2], [166.8, 56.6], [172.7, 105.2], [163.5, 51.8], [169.4, 63.4], [167.8, 59.0], [159.5, 47.6], [167.6, 63.0], [161.2, 55.2], [160.0, 45.0], [163.2, 54.0], [162.2, 50.2], [161.3, 60.2], [149.5, 44.8], [157.5, 58.8], [163.2, 56.4], [172.7, 62.0], [155.0, 49.2], [156.5, 67.2], [164.0, 53.8], [160.9, 54.4], [162.8, 58.0], [167.0, 59.8], [160.0, 54.8], [160.0, 43.2], [168.9, 60.5], [158.2, 46.4], [156.0, 64.4], [160.0, 48.8], [167.1, 62.2], [158.0, 55.5], [167.6, 57.8], [156.0, 54.6], [162.1, 59.2], [173.4, 52.7], [159.8, 53.2], [170.5, 64.5], [159.2, 51.8], [157.5, 56.0], [161.3, 63.6], [162.6, 63.2], [160.0, 59.5], [168.9, 56.8], [165.1, 64.1], [162.6, 50.0], [165.1, 72.3], [166.4, 55.0], [160.0, 55.9], [152.4, 60.4], [170.2, 69.1], [162.6, 84.5], [170.2, 55.9], [158.8, 55.5], [172.7, 69.5], [167.6, 76.4], [162.6, 61.4], [167.6, 65.9], [156.2, 58.6], [175.2, 66.8], [172.1, 56.6], [162.6, 58.6], [160.0, 55.9], [165.1, 59.1], [182.9, 81.8], [166.4, 70.7], [165.1, 56.8], [177.8, 60.0], [165.1, 58.2], [175.3, 72.7], [154.9, 54.1], [158.8, 49.1], [172.7, 75.9], [168.9, 55.0], [161.3, 57.3], [167.6, 55.0], [165.1, 65.5], [175.3, 65.5], [157.5, 48.6], [163.8, 58.6], [167.6, 63.6], [165.1, 55.2], [165.1, 62.7], [168.9, 56.6], [162.6, 53.9], [164.5, 63.2], [176.5, 73.6], [168.9, 62.0], [175.3, 63.6], [159.4, 53.2], [160.0, 53.4], [170.2, 55.0], [162.6, 70.5], [167.6, 54.5], [162.6, 54.5], [160.7, 55.9], [160.0, 59.0], [157.5, 63.6], [162.6, 54.5], [152.4, 47.3], [170.2, 67.7], [165.1, 80.9], [172.7, 70.5], [165.1, 60.9], [170.2, 63.6], [170.2, 54.5], [170.2, 59.1], [161.3, 70.5], [167.6, 52.7], [167.6, 62.7], [165.1, 86.3], [162.6, 66.4], [152.4, 67.3], [168.9, 63.0], [170.2, 73.6], [175.2, 62.3], [175.2, 57.7], [160.0, 55.4], [165.1, 104.1], [174.0, 55.5], [170.2, 77.3], [160.0, 80.5], [167.6, 64.5], [167.6, 72.3], [167.6, 61.4], [154.9, 58.2], [162.6, 81.8], [175.3, 63.6], [171.4, 53.4], [157.5, 54.5], [165.1, 53.6], [160.0, 60.0], [174.0, 73.6], [162.6, 61.4], [174.0, 55.5], [162.6, 63.6], [161.3, 60.9], [156.2, 60.0], [149.9, 46.8], [169.5, 57.3], [160.0, 64.1], [175.3, 63.6], [169.5, 67.3], [160.0, 75.5], [172.7, 68.2], [162.6, 61.4], [157.5, 76.8], [176.5, 71.8], [164.4, 55.5], [160.7, 48.6], [174.0, 66.4], [163.8, 67.3]] }, { name: 'Male', color: 'rgba(119, 152, 191, .5)', data: [[174.0, 65.6], [175.3, 71.8], [193.5, 80.7], [186.5, 72.6], [187.2, 78.8], [181.5, 74.8], [184.0, 86.4], [184.5, 78.4], [175.0, 62.0], [184.0, 81.6], [180.0, 76.6], [177.8, 83.6], [192.0, 90.0], [176.0, 74.6], [174.0, 71.0], [184.0, 79.6], [192.7, 93.8], [171.5, 70.0], [173.0, 72.4], [176.0, 85.9], [176.0, 78.8], [180.5, 77.8], [172.7, 66.2], [176.0, 86.4], [173.5, 81.8], [178.0, 89.6], [180.3, 82.8], [180.3, 76.4], [164.5, 63.2], [173.0, 60.9], [183.5, 74.8], [175.5, 70.0], [188.0, 72.4], [189.2, 84.1], [172.8, 69.1], [170.0, 59.5], [182.0, 67.2], [170.0, 61.3], [177.8, 68.6], [184.2, 80.1], [186.7, 87.8], [171.4, 84.7], [172.7, 73.4], [175.3, 72.1], [180.3, 82.6], [182.9, 88.7], [188.0, 84.1], [177.2, 94.1], [172.1, 74.9], [167.0, 59.1], [169.5, 75.6], [174.0, 86.2], [172.7, 75.3], [182.2, 87.1], [164.1, 55.2], [163.0, 57.0], [171.5, 61.4], [184.2, 76.8], [174.0, 86.8], [174.0, 72.2], [177.0, 71.6], [186.0, 84.8], [167.0, 68.2], [171.8, 66.1], [182.0, 72.0], [167.0, 64.6], [177.8, 74.8], [164.5, 70.0], [192.0, 101.6], [175.5, 63.2], [171.2, 79.1], [181.6, 78.9], [167.4, 67.7], [181.1, 66.0], [177.0, 68.2], [174.5, 63.9], [177.5, 72.0], [170.5, 56.8], [182.4, 74.5], [197.1, 90.9], [180.1, 93.0], [175.5, 80.9], [180.6, 72.7], [184.4, 68.0], [175.5, 70.9], [180.6, 72.5], [177.0, 72.5], [177.1, 83.4], [181.6, 75.5], [176.5, 73.0], [175.0, 70.2], [174.0, 73.4], [165.1, 70.5], [177.0, 68.9], [192.0, 102.3], [176.5, 68.4], [169.4, 65.9], [182.1, 75.7], [179.8, 84.5], [175.3, 87.7], [184.9, 86.4], [177.3, 73.2], [167.4, 53.9], [178.1, 72.0], [168.9, 55.5], [157.2, 58.4], [180.3, 83.2], [170.2, 72.7], [177.8, 64.1], [172.7, 72.3], [165.1, 65.0], [186.7, 86.4], [165.1, 65.0], [174.0, 88.6], [175.3, 84.1], [185.4, 66.8], [177.8, 75.5], [180.3, 93.2], [180.3, 82.7], [177.8, 58.0], [177.8, 79.5], [177.8, 78.6], [177.8, 71.8], [177.8, 116.4], [163.8, 72.2], [188.0, 83.6], [198.1, 85.5], [175.3, 90.9], [166.4, 85.9], [190.5, 89.1], [166.4, 75.0], [177.8, 77.7], [179.7, 86.4], [172.7, 90.9], [190.5, 73.6], [185.4, 76.4], [168.9, 69.1], [167.6, 84.5], [175.3, 64.5], [170.2, 69.1], [190.5, 108.6], [177.8, 86.4], [190.5, 80.9], [177.8, 87.7], [184.2, 94.5], [176.5, 80.2], [177.8, 72.0], [180.3, 71.4], [171.4, 72.7], [172.7, 84.1], [172.7, 76.8], [177.8, 63.6], [177.8, 80.9], [182.9, 80.9], [170.2, 85.5], [167.6, 68.6], [175.3, 67.7], [165.1, 66.4], [185.4, 102.3], [181.6, 70.5], [172.7, 95.9], [190.5, 84.1], [179.1, 87.3], [175.3, 71.8], [170.2, 65.9], [193.0, 95.9], [171.4, 91.4], [177.8, 81.8], [177.8, 96.8], [167.6, 69.1], [167.6, 82.7], [180.3, 75.5], [182.9, 79.5], [176.5, 73.6], [186.7, 91.8], [188.0, 84.1], [188.0, 85.9], [177.8, 81.8], [174.0, 82.5], [177.8, 80.5], [171.4, 70.0], [185.4, 81.8], [185.4, 84.1], [188.0, 90.5], [188.0, 91.4], [182.9, 89.1], [176.5, 85.0], [175.3, 69.1], [175.3, 73.6], [188.0, 80.5], [188.0, 82.7], [175.3, 86.4], [170.5, 67.7], [179.1, 92.7], [177.8, 93.6], [175.3, 70.9], [182.9, 75.0], [170.8, 93.2], [188.0, 93.2], [180.3, 77.7], [177.8, 61.4], [185.4, 94.1], [168.9, 75.0], [185.4, 83.6], [180.3, 85.5], [174.0, 73.9], [167.6, 66.8], [182.9, 87.3], [160.0, 72.3], [180.3, 88.6], [167.6, 75.5], [186.7, 101.4], [175.3, 91.1], [175.3, 67.3], [175.9, 77.7], [175.3, 81.8], [179.1, 75.5], [181.6, 84.5], [177.8, 76.6], [182.9, 85.0], [177.8, 102.5], [184.2, 77.3], [179.1, 71.8], [176.5, 87.9], [188.0, 94.3], [174.0, 70.9], [167.6, 64.5], [170.2, 77.3], [167.6, 72.3], [188.0, 87.3], [174.0, 80.0], [176.5, 82.3], [180.3, 73.6], [167.6, 74.1], [188.0, 85.9], [180.3, 73.2], [167.6, 76.3], [183.0, 65.9], [183.0, 90.9], [179.1, 89.1], [170.2, 62.3], [177.8, 82.7], [179.1, 79.1], [190.5, 98.2], [177.8, 84.1], [180.3, 83.2], [180.3, 83.2]] }] }); return figure; }6d:T431,scatter3dRegular = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'scatter3d', options3d: { enabled: true, alpha: 20, beta: 30, depth: 200, viewDistance: 10, frame: { bottom: { size: 1, color: 'rgba(0,0,0,0.05)' } } } }, title: { text: 'a 3D Scatter Chart' }, subtitle: { text: 'using x y z coordinates' }, yAxis: { min: 0, max: 10 }, xAxis: { min: 0, max: 10, gridLineWidth: 1 }, zAxis: { min: 0, max: 10, showFirstLabel: false }, series: [{ data: [ // [X, Y, Z] [1, 1, 1], [1, 1, 2], [1, 1, 5], [2, 3, 2], [2, 6, 4], [4, 5, 7], [4, 2, 8], [7, 1, 3], [7, 1, 5], [8, 1, 5] ] }] }); return figure; }6e:T2550,spline = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'spline' }, title: { text: 'Snow depth at Vikjafjellet, Norway' }, subtitle: { text: 'Irregular time data in Highcharts JS' }, xAxis: { type: 'datetime', dateTimeLabelFormats: { // don't display the dummy year month: '%e. %b', year: '%b' }, title: { text: 'Date' } }, yAxis: { title: { text: 'Snow depth (m)' }, min: 0 }, tooltip: { headerFormat: '{series.name}
', pointFormat: '{point.x:%e. %b}: {point.y:.2f} m' }, plotOptions: { series: { marker: { enabled: true, radius: 2.5 } } }, colors: ['#6CF', '#39F', '#06C', '#036', '#000'], // Define the data points. All series have a dummy year of 1970/71 in order // to be compared on the same x axis. Note that in JavaScript, months start // at 0 for January, 1 for February etc. series: [ { name: "Winter 2019-2020", data: [ [Date.UTC(1970, 9, 24), 0], [Date.UTC(1970, 9, 27), 0.12], [Date.UTC(1970, 9, 30), 0.09], [Date.UTC(1970, 10, 3), 0.13], [Date.UTC(1970, 10, 6), 0.12], [Date.UTC(1970, 10, 9), 0.13], [Date.UTC(1970, 10, 12), 0.13], [Date.UTC(1970, 10, 15), 0.16], [Date.UTC(1970, 10, 18), 0.19], [Date.UTC(1970, 10, 21), 0.25], [Date.UTC(1970, 10, 24), 0.26], [Date.UTC(1970, 10, 27), 0.24], [Date.UTC(1970, 10, 30), 0.25], [Date.UTC(1970, 11, 3), 0.26], [Date.UTC(1970, 11, 6), 0.36], [Date.UTC(1970, 11, 9), 0.43], [Date.UTC(1970, 11, 12), 0.32], [Date.UTC(1970, 11, 15), 0.48], [Date.UTC(1970, 11, 18), 0.5], [Date.UTC(1970, 11, 21), 0.44], [Date.UTC(1970, 11, 24), 0.43], [Date.UTC(1970, 11, 27), 0.45], [Date.UTC(1970, 11, 30), 0.4], [Date.UTC(1971, 0, 3), 0.39], [Date.UTC(1971, 0, 6), 0.56], [Date.UTC(1971, 0, 9), 0.57], [Date.UTC(1971, 0, 12), 0.68], [Date.UTC(1971, 0, 15), 0.93], [Date.UTC(1971, 0, 18), 1.11], [Date.UTC(1971, 0, 21), 1.01], [Date.UTC(1971, 0, 24), 0.99], [Date.UTC(1971, 0, 27), 1.17], [Date.UTC(1971, 0, 30), 1.24], [Date.UTC(1971, 1, 3), 1.41], [Date.UTC(1971, 1, 6), 1.47], [Date.UTC(1971, 1, 9), 1.4], [Date.UTC(1971, 1, 12), 1.92], [Date.UTC(1971, 1, 15), 2.03], [Date.UTC(1971, 1, 18), 2.46], [Date.UTC(1971, 1, 21), 2.53], [Date.UTC(1971, 1, 24), 2.73], [Date.UTC(1971, 1, 27), 2.67], [Date.UTC(1971, 2, 3), 2.65], [Date.UTC(1971, 2, 6), 2.62], [Date.UTC(1971, 2, 9), 2.79], [Date.UTC(1971, 2, 13), 2.93], [Date.UTC(1971, 2, 20), 3.09], [Date.UTC(1971, 2, 27), 2.76], [Date.UTC(1971, 2, 30), 2.73], [Date.UTC(1971, 3, 4), 2.9], [Date.UTC(1971, 3, 9), 2.77], [Date.UTC(1971, 3, 12), 2.78], [Date.UTC(1971, 3, 15), 2.76], [Date.UTC(1971, 3, 18), 2.76], [Date.UTC(1971, 3, 21), 2.7], [Date.UTC(1971, 3, 24), 2.61], [Date.UTC(1971, 3, 27), 2.52], [Date.UTC(1971, 3, 30), 2.53], [Date.UTC(1971, 4, 3), 2.55], [Date.UTC(1971, 4, 6), 2.52], [Date.UTC(1971, 4, 9), 2.44], [Date.UTC(1971, 4, 12), 2.43], [Date.UTC(1971, 4, 15), 2.43], [Date.UTC(1971, 4, 18), 2.48], [Date.UTC(1971, 4, 21), 2.41], [Date.UTC(1971, 4, 24), 2.16], [Date.UTC(1971, 4, 27), 2.01], [Date.UTC(1971, 4, 30), 1.88], [Date.UTC(1971, 5, 2), 1.62], [Date.UTC(1971, 5, 6), 1.43], [Date.UTC(1971, 5, 9), 1.3], [Date.UTC(1971, 5, 12), 1.11], [Date.UTC(1971, 5, 15), 0.84], [Date.UTC(1971, 5, 18), 0.54], [Date.UTC(1971, 5, 21), 0.19], [Date.UTC(1971, 5, 23), 0] ] }, { name: "Winter 2020-2021", data: [ [Date.UTC(1970, 10, 14), 0], [Date.UTC(1970, 11, 6), 0.35], [Date.UTC(1970, 11, 13), 0.35], [Date.UTC(1970, 11, 20), 0.33], [Date.UTC(1970, 11, 30), 0.53], [Date.UTC(1971, 0, 13), 0.62], [Date.UTC(1971, 0, 20), 0.6], [Date.UTC(1971, 1, 2), 0.69], [Date.UTC(1971, 1, 18), 0.67], [Date.UTC(1971, 1, 21), 0.65], [Date.UTC(1971, 1, 24), 0.66], [Date.UTC(1971, 1, 27), 0.66], [Date.UTC(1971, 2, 3), 0.61], [Date.UTC(1971, 2, 6), 0.6], [Date.UTC(1971, 2, 9), 0.69], [Date.UTC(1971, 2, 12), 0.66], [Date.UTC(1971, 2, 15), 0.75], [Date.UTC(1971, 2, 18), 0.76], [Date.UTC(1971, 2, 21), 0.75], [Date.UTC(1971, 2, 24), 0.69], [Date.UTC(1971, 2, 27), 0.82], [Date.UTC(1971, 2, 30), 0.86], [Date.UTC(1971, 3, 3), 0.81], [Date.UTC(1971, 3, 6), 1], [Date.UTC(1971, 3, 9), 1.15], [Date.UTC(1971, 3, 10), 1.35], [Date.UTC(1971, 3, 12), 1.26], [Date.UTC(1971, 3, 15), 1.18], [Date.UTC(1971, 3, 18), 1.14], [Date.UTC(1971, 3, 21), 1.04], [Date.UTC(1971, 3, 24), 1.06], [Date.UTC(1971, 3, 27), 1.05], [Date.UTC(1971, 3, 30), 1.03], [Date.UTC(1971, 4, 3), 1.01], [Date.UTC(1971, 4, 6), 0.98], [Date.UTC(1971, 4, 9), 0.94], [Date.UTC(1971, 4, 12), 0.8], [Date.UTC(1971, 4, 15), 0.61], [Date.UTC(1971, 4, 18), 0.43], [Date.UTC(1971, 4, 21), 0.29], [Date.UTC(1971, 4, 24), 0.1], [Date.UTC(1971, 4, 26), 0] ] }, { name: "Winter 2021-2022", data: [ [Date.UTC(1970, 10, 5), 0], [Date.UTC(1970, 10, 12), 0.1], [Date.UTC(1970, 10, 21), 0.15], [Date.UTC(1970, 10, 22), 0.19], [Date.UTC(1970, 10, 27), 0.17], [Date.UTC(1970, 10, 30), 0.27], [Date.UTC(1970, 11, 2), 0.25], [Date.UTC(1970, 11, 4), 0.27], [Date.UTC(1970, 11, 5), 0.26], [Date.UTC(1970, 11, 6), 0.25], [Date.UTC(1970, 11, 7), 0.26], [Date.UTC(1970, 11, 8), 0.26], [Date.UTC(1970, 11, 9), 0.25], [Date.UTC(1970, 11, 10), 0.25], [Date.UTC(1970, 11, 11), 0.25], [Date.UTC(1970, 11, 12), 0.26], [Date.UTC(1970, 11, 22), 0.22], [Date.UTC(1970, 11, 23), 0.22], [Date.UTC(1970, 11, 24), 0.22], [Date.UTC(1970, 11, 25), 0.24], [Date.UTC(1970, 11, 26), 0.24], [Date.UTC(1970, 11, 27), 0.24], [Date.UTC(1970, 11, 28), 0.24], [Date.UTC(1970, 11, 29), 0.24], [Date.UTC(1970, 11, 30), 0.22], [Date.UTC(1970, 11, 31), 0.18], [Date.UTC(1971, 0, 1), 0.17], [Date.UTC(1971, 0, 2), 0.23], [Date.UTC(1971, 0, 9), 0.5], [Date.UTC(1971, 0, 10), 0.5], [Date.UTC(1971, 0, 11), 0.53], [Date.UTC(1971, 0, 12), 0.48], [Date.UTC(1971, 0, 13), 0.4], [Date.UTC(1971, 0, 17), 0.36], [Date.UTC(1971, 0, 22), 0.69], [Date.UTC(1971, 0, 23), 0.62], [Date.UTC(1971, 0, 29), 0.72], [Date.UTC(1971, 1, 2), 0.95], [Date.UTC(1971, 1, 10), 1.73], [Date.UTC(1971, 1, 15), 1.76], [Date.UTC(1971, 1, 26), 2.18], [Date.UTC(1971, 2, 2), 2.22], [Date.UTC(1971, 2, 6), 2.13], [Date.UTC(1971, 2, 8), 2.11], [Date.UTC(1971, 2, 9), 2.12], [Date.UTC(1971, 2, 10), 2.11], [Date.UTC(1971, 2, 11), 2.09], [Date.UTC(1971, 2, 12), 2.08], [Date.UTC(1971, 2, 13), 2.08], [Date.UTC(1971, 2, 14), 2.07], [Date.UTC(1971, 2, 15), 2.08], [Date.UTC(1971, 2, 17), 2.12], [Date.UTC(1971, 2, 18), 2.19], [Date.UTC(1971, 2, 21), 2.11], [Date.UTC(1971, 2, 24), 2.1], [Date.UTC(1971, 2, 27), 1.89], [Date.UTC(1971, 2, 30), 1.92], [Date.UTC(1971, 3, 3), 1.9], [Date.UTC(1971, 3, 6), 1.95], [Date.UTC(1971, 3, 9), 1.94], [Date.UTC(1971, 3, 12), 2], [Date.UTC(1971, 3, 15), 1.9], [Date.UTC(1971, 3, 18), 1.84], [Date.UTC(1971, 3, 21), 1.75], [Date.UTC(1971, 3, 24), 1.69], [Date.UTC(1971, 3, 27), 1.64], [Date.UTC(1971, 3, 30), 1.64], [Date.UTC(1971, 4, 3), 1.58], [Date.UTC(1971, 4, 6), 1.52], [Date.UTC(1971, 4, 9), 1.43], [Date.UTC(1971, 4, 12), 1.42], [Date.UTC(1971, 4, 15), 1.37], [Date.UTC(1971, 4, 18), 1.26], [Date.UTC(1971, 4, 21), 1.11], [Date.UTC(1971, 4, 24), 0.92], [Date.UTC(1971, 4, 27), 0.75], [Date.UTC(1971, 4, 30), 0.55], [Date.UTC(1971, 5, 3), 0.35], [Date.UTC(1971, 5, 6), 0.21], [Date.UTC(1971, 5, 9), 0] ] } ] }); return figure; }6f:T25eb,streamgraph = { var colors = Highcharts.getOptions().colors; const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'streamgraph', marginBottom: 30, zoomType: 'x', }, // Make sure connected countries have similar colors colors: [ colors[0], colors[1], colors[2], colors[3], colors[4], // East Germany, West Germany and Germany Highcharts.color(colors[5]).brighten(0.2).get(), Highcharts.color(colors[5]).brighten(0.1).get(), colors[5], colors[6], colors[7], colors[8], colors[9], colors[0], colors[1], colors[3], // Soviet Union, Russia Highcharts.color(colors[2]).brighten(-0.1).get(), Highcharts.color(colors[2]).brighten(-0.2).get(), Highcharts.color(colors[2]).brighten(-0.3).get() ], title: { floating: true, align: 'left', text: 'Winter Olympic Medal Wins' }, subtitle: { floating: true, align: 'left', y: 30, text: '' }, xAxis: { maxPadding: 0, type: 'category', crosshair: true, categories: [ '', '1924 Chamonix', '1928 St. Moritz', '1932 Lake Placid', '1936 Garmisch-Partenkirchen', '1940 Cancelled (Sapporo)', '1944 Cancelled (Cortina d\'Ampezzo)', '1948 St. Moritz', '1952 Oslo', '1956 Cortina d\'Ampezzo', '1960 Squaw Valley', '1964 Innsbruck', '1968 Grenoble', '1972 Sapporo', '1976 Innsbruck', '1980 Lake Placid', '1984 Sarajevo', '1988 Calgary', '1992 Albertville', '1994 Lillehammer', '1998 Nagano', '2002 Salt Lake City', '2006 Turin', '2010 Vancouver', '2014 Sochi' ], labels: { align: 'left', reserveSpace: false, rotation: 270 }, lineWidth: 0, margin: 20, tickWidth: 0 }, yAxis: { visible: false, startOnTick: false, endOnTick: false }, legend: { enabled: false }, annotations: [{ labels: [{ point: { x: 5.5, xAxis: 0, y: 30, yAxis: 0 }, text: 'Cancelled
during
World War II' }, { point: { x: 18, xAxis: 0, y: 90, yAxis: 0 }, text: 'Soviet Union fell,
Germany united' }], labelOptions: { backgroundColor: 'rgba(255,255,255,0.5)', borderColor: 'silver' } }], plotOptions: { series: { label: { minFontSize: 5, maxFontSize: 15, style: { color: 'rgba(255,255,255,0.75)' } }, accessibility: { exposeAsGroupOnly: true } } }, // Data parsed with olympic-medals.node.js series: [{ name: "Finland", data: [ 0, 11, 4, 3, 6, 0, 0, 6, 9, 7, 8, 10, 5, 5, 7, 9, 13, 7, 7, 6, 12, 7, 9, 5, 5 ] }, { name: "Austria", data: [ 0, 3, 4, 2, 4, 0, 0, 8, 8, 11, 6, 12, 11, 5, 6, 7, 1, 10, 21, 9, 17, 17, 23, 16, 17 ] }, { name: "Sweden", data: [ 0, 2, 5, 3, 7, 0, 0, 10, 4, 10, 7, 7, 8, 4, 2, 4, 8, 6, 4, 3, 3, 7, 14, 11, 15 ] }, { name: "Norway", data: [ 0, 17, 15, 10, 15, 0, 0, 10, 16, 4, 6, 15, 14, 12, 7, 10, 9, 5, 20, 26, 25, 25, 19, 23, 26 ] }, { name: "U.S.", data: [ 0, 4, 6, 12, 4, 0, 0, 9, 11, 7, 10, 7, 7, 8, 10, 12, 8, 6, 11, 13, 13, 34, 25, 37, 28 ] }, { name: "East Germany", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 5, 14, 19, 23, 24, 25, 0, 0, 0, 0, 0, 0, 0 ] }, { name: "West Germany", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 7, 5, 10, 5, 4, 8, 0, 0, 0, 0, 0, 0, 0 ] }, { name: "Germany", data: [ 0, 0, 1, 2, 6, 0, 0, 0, 7, 2, 8, 9, 0, 0, 0, 0, 0, 0, 26, 24, 29, 36, 29, 30, 19 ] }, { name: "Netherlands", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 3, 0, 2, 2, 9, 9, 6, 4, 0, 7, 4, 4, 11, 8, 9, 8, 24 ] }, { name: "Italy", data: [ 0, 0, 0, 0, 0, 0, 0, 1, 2, 3, 1, 4, 4, 5, 4, 2, 2, 5, 14, 20, 10, 13, 11, 5, 8 ] }, { name: "Canada", data: [ 0, 1, 1, 7, 1, 0, 0, 3, 2, 3, 4, 3, 3, 1, 3, 2, 4, 5, 7, 13, 15, 17, 24, 26, 25 ] }, { name: "Switzerland", data: [ 0, 3, 1, 1, 3, 0, 0, 10, 2, 6, 2, 0, 6, 10, 5, 5, 5, 15, 3, 9, 7, 11, 14, 9, 11 ] }, { name: "Great Britain", data: [ 0, 4, 1, 0, 3, 0, 0, 2, 1, 0, 0, 1, 0, 0, 1, 1, 1, 0, 0, 2, 1, 2, 1, 1, 4 ] }, { name: "France", data: [ 0, 3, 1, 1, 1, 0, 0, 5, 1, 0, 3, 7, 9, 3, 1, 1, 3, 2, 9, 5, 8, 11, 9, 11, 15 ] }, { name: "Hungary", data: [ 0, 0, 0, 1, 1, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0 ] }, { name: "Unified Team", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 23, 0, 0, 0, 0, 0, 0 ] }, { name: "Soviet Union", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 16, 21, 25, 13, 16, 27, 22, 25, 29, 0, 0, 0, 0, 0, 0, 0 ] }, { name: "Russia", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 23, 18, 13, 22, 15, 33 ] }, { name: "Japan", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 3, 0, 1, 1, 1, 7, 5, 10, 2, 1, 5, 8 ] }, { name: "Czechoslovakia", data: [ 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1, 1, 4, 3, 1, 1, 6, 3, 3, 0, 0, 0, 0, 0, 0 ] }, { name: "Poland", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 2, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 2, 2, 6, 6 ] }, { name: "Spain", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0 ] }, { name: "China", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 3, 8, 8, 11, 11, 9 ] }, { name: "South Korea", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 4, 6, 6, 4, 11, 14, 8 ] }, { name: "Czech Republic", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 3, 4, 6, 8 ] }, { name: "Belarus", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 1, 1, 3, 6 ] }, { name: "Kazakhstan", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 2, 0, 0, 1, 1 ] }, { name: "Bulgaria", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 3, 1, 0, 0 ] }, { name: "Denmark", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0 ] }, { name: "Ukraine", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 1, 0, 2, 0, 2 ] }, { name: "Australia", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 2, 2, 3, 3 ] }, { name: "Belgium", data: [ 0, 1, 1, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0 ] }, { name: "Romania", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ] }, { name: "Liechtenstein", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 4, 2, 1, 0, 0, 0, 0, 0, 0, 0 ] }, { name: "Yugoslavia", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 3, 0, 0, 0, 0, 0, 0, 0 ] }, { name: "Luxembourg", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0 ] }, { name: "New Zealand", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0 ] }, { name: "North Korea", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0 ] }, { name: "Slovakia", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 3, 1 ] }, { name: "Croatia", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 4, 3, 3, 1 ] }, { name: "Slovenia", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 0, 1, 0, 3, 8 ] }, { name: "Latvia", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 2, 4 ] }, { name: "Estonia", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 3, 1, 0 ] }, { name: "Uzbekistan", data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0 ] }], exporting: { sourceWidth: 800, sourceHeight: 600 } }); return figure; }70:T53b1,data_sunburst = [{ id: '0.0', parent: '', name: 'The World' }, { id: '1.3', parent: '0.0', name: 'Asia' }, { id: '1.1', parent: '0.0', name: 'Africa' }, { id: '1.2', parent: '0.0', name: 'America' }, { id: '1.4', parent: '0.0', name: 'Europe' }, { id: '1.5', parent: '0.0', name: 'Oceanic' }, /* Africa */ { id: '2.1', parent: '1.1', name: 'Eastern Africa' }, { id: '3.1', parent: '2.1', name: 'Ethiopia', value: 104957438 }, { id: '3.2', parent: '2.1', name: 'Tanzania', value: 57310019 }, { id: '3.3', parent: '2.1', name: 'Kenya', value: 49699862 }, { id: '3.4', parent: '2.1', name: 'Uganda', value: 42862958 }, { id: '3.5', parent: '2.1', name: 'Mozambique', value: 29668834 }, { id: '3.6', parent: '2.1', name: 'Madagascar', value: 25570895 }, { id: '3.7', parent: '2.1', name: 'Malawi', value: 18622104 }, { id: '3.8', parent: '2.1', name: 'Zambia', value: 17094130 }, { id: '3.9', parent: '2.1', name: 'Zimbabwe', value: 16529904 }, { id: '3.10', parent: '2.1', name: 'Somalia', value: 14742523 }, { id: '3.11', parent: '2.1', name: 'South Sudan', value: 12575714 }, { id: '3.12', parent: '2.1', name: 'Rwanda', value: 12208407 }, { id: '3.13', parent: '2.1', name: 'Burundi', value: 10864245 }, { id: '3.14', parent: '2.1', name: 'Eritrea', value: 5068831 }, { id: '3.15', parent: '2.1', name: 'Mauritius', value: 1265138 }, { id: '3.16', parent: '2.1', name: 'Djibouti', value: 956985 }, { id: '3.17', parent: '2.1', name: 'Réunion', value: 876562 }, { id: '3.18', parent: '2.1', name: 'Comoros', value: 813912 }, { id: '3.19', parent: '2.1', name: 'Mayotte', value: 253045 }, { id: '3.20', parent: '2.1', name: 'Seychelles', value: 94737 }, { id: '2.5', parent: '1.1', name: 'Western Africa' }, { id: '3.42', parent: '2.5', name: 'Nigeria', value: 190886311 }, { id: '3.43', parent: '2.5', name: 'Ghana', value: 28833629 }, { id: '3.44', parent: '2.5', name: 'Côte Ivoire', value: 24294750 }, { id: '3.45', parent: '2.5', name: 'Niger', value: 21477348 }, { id: '3.46', parent: '2.5', name: 'Burkina Faso', value: 19193382 }, { id: '3.47', parent: '2.5', name: 'Mali', value: 18541980 }, { id: '3.48', parent: '2.5', name: 'Senegal', value: 15850567 }, { id: '3.49', parent: '2.5', name: 'Guinea', value: 12717176 }, { id: '3.50', parent: '2.5', name: 'Benin', value: 11175692 }, { id: '3.51', parent: '2.5', name: 'Togo', value: 7797694 }, { id: '3.52', parent: '2.5', name: 'Sierra Leone', value: 7557212 }, { id: '3.53', parent: '2.5', name: 'Liberia', value: 4731906 }, { id: '3.54', parent: '2.5', name: 'Mauritania', value: 4420184 }, { id: '3.55', parent: '2.5', name: 'The Gambia', value: 2100568 }, { id: '3.56', parent: '2.5', name: 'Guinea-Bissau', value: 1861283 }, { id: '3.57', parent: '2.5', name: 'Cabo Verde', value: 546388 }, { id: '3.58', parent: '2.5', name: 'Saint Helena, Ascension and Tristan da Cunha', value: 4049 }, { id: '2.3', parent: '1.1', name: 'North Africa' }, { id: '3.30', parent: '2.3', name: 'Egypt', value: 97553151 }, { id: '3.31', parent: '2.3', name: 'Algeria', value: 41318142 }, { id: '3.32', parent: '2.3', name: 'Sudan', value: 40533330 }, { id: '3.33', parent: '2.3', name: 'Morocco', value: 35739580 }, { id: '3.34', parent: '2.3', name: 'Tunisia', value: 11532127 }, { id: '3.35', parent: '2.3', name: 'Libya', value: 6374616 }, { id: '3.36', parent: '2.3', name: 'Western Sahara', value: 552628 }, { id: '2.2', parent: '1.1', name: 'Central Africa' }, { id: '3.21', parent: '2.2', name: 'Democratic Republic of the Congo', value: 81339988 }, { id: '3.22', parent: '2.2', name: 'Angola', value: 29784193 }, { id: '3.23', parent: '2.2', name: 'Cameroon', value: 24053727 }, { id: '3.24', parent: '2.2', name: 'Chad', value: 14899994 }, { id: '3.25', parent: '2.2', name: 'Congo', value: 5260750 }, { id: '3.26', parent: '2.2', name: 'Central African Republic', value: 4659080 }, { id: '3.27', parent: '2.2', name: 'Gabon', value: 2025137 }, { id: '3.28', parent: '2.2', name: 'Equatorial Guinea', value: 1267689 }, { id: '3.29', parent: '2.2', name: 'Sao Tome and Principe', value: 204327 }, { id: '2.4', parent: '1.1', name: 'South America' }, { id: '3.37', parent: '2.4', name: 'South Africa', value: 56717156 }, { id: '3.38', parent: '2.4', name: 'Namibia', value: 2533794 }, { id: '3.39', parent: '2.4', name: 'Botswana', value: 2291661 }, { id: '3.40', parent: '2.4', name: 'Lesotho', value: 2233339 }, { id: '3.41', parent: '2.4', name: 'Swaziland', value: 1367254 }, /***********/ /* America */ { id: '2.9', parent: '1.2', name: 'South America' }, { id: '3.98', parent: '2.9', name: 'Brazil', value: 209288278 }, { id: '3.99', parent: '2.9', name: 'Colombia', value: 49065615 }, { id: '3.100', parent: '2.9', name: 'Argentina', value: 44271041 }, { id: '3.101', parent: '2.9', name: 'Peru', value: 32165485 }, { id: '3.102', parent: '2.9', name: 'Venezuela', value: 31977065 }, { id: '3.103', parent: '2.9', name: 'Chile', value: 18054726 }, { id: '3.104', parent: '2.9', name: 'Ecuador', value: 16624858 }, { id: '3.105', parent: '2.9', name: 'Bolivia', value: 11051600 }, { id: '3.106', parent: '2.9', name: 'Paraguay', value: 6811297 }, { id: '3.107', parent: '2.9', name: 'Uruguay', value: 3456750 }, { id: '3.108', parent: '2.9', name: 'Guyana', value: 777859 }, { id: '3.109', parent: '2.9', name: 'Suriname', value: 563402 }, { id: '3.110', parent: '2.9', name: 'French Guiana', value: 282731 }, { id: '3.111', parent: '2.9', name: 'Falkland Islands', value: 2910 }, { id: '2.8', parent: '1.2', name: 'Northern America' }, { id: '3.93', parent: '2.8', name: 'United States', value: 324459463 }, { id: '3.94', parent: '2.8', name: 'Canada', value: 36624199 }, { id: '3.95', parent: '2.8', name: 'Bermuda', value: 61349 }, { id: '3.96', parent: '2.8', name: 'Greenland', value: 56480 }, { id: '3.97', parent: '2.8', name: 'Saint Pierre and Miquelon', value: 6320 }, { id: '2.7', parent: '1.2', name: 'Central America' }, { id: '3.85', parent: '2.7', name: 'Mexico', value: 129163276 }, { id: '3.86', parent: '2.7', name: 'Guatemala', value: 16913503 }, { id: '3.87', parent: '2.7', name: 'Honduras', value: 9265067 }, { id: '3.88', parent: '2.7', name: 'El Salvador', value: 6377853 }, { id: '3.89', parent: '2.7', name: 'Nicaragua', value: 6217581 }, { id: '3.90', parent: '2.7', name: 'Costa Rica', value: 4905769 }, { id: '3.91', parent: '2.7', name: 'Panama', value: 4098587 }, { id: '3.92', parent: '2.7', name: 'Belize', value: 374681 }, { id: '2.6', parent: '1.2', name: 'Caribbean' }, { id: '3.59', parent: '2.6', name: 'Cuba', value: 11484636 }, { id: '3.60', parent: '2.6', name: 'Haiti', value: 10981229 }, { id: '3.61', parent: '2.6', name: 'Dominican Republic', value: 10766998 }, { id: '3.62', parent: '2.6', name: 'Puerto Rico', value: 3663131 }, { id: '3.63', parent: '2.6', name: 'Jamaica', value: 2890299 }, { id: '3.64', parent: '2.6', name: 'Trinidad and Tobago', value: 1369125 }, { id: '3.65', parent: '2.6', name: 'Guadeloupe', value: 449568 }, { id: '3.66', parent: '2.6', name: 'Bahamas', value: 395361 }, { id: '3.67', parent: '2.6', name: 'Martinique', value: 384896 }, { id: '3.68', parent: '2.6', name: 'Barbados', value: 285719 }, { id: '3.69', parent: '2.6', name: 'Saint Lucia', value: 178844 }, { id: '3.70', parent: '2.6', name: 'Curaçao', value: 160539 }, { id: '3.71', parent: '2.6', name: 'Saint Vincent and the Grenadines', value: 109897 }, { id: '3.72', parent: '2.6', name: 'Grenada', value: 107825 }, { id: '3.73', parent: '2.6', name: 'Aruba', value: 105264 }, { id: '3.74', parent: '2.6', name: 'United States Virgin Islands', value: 104901 }, { id: '3.75', parent: '2.6', name: 'Antigua and Barbuda', value: 102012 }, { id: '3.76', parent: '2.6', name: 'Dominica', value: 73925 }, { id: '3.77', parent: '2.6', name: 'Cayman Islands', value: 61559 }, { id: '3.78', parent: '2.6', name: 'Saint Kitts and Nevis', value: 55345 }, { id: '3.79', parent: '2.6', name: 'Sint Maarten', value: 40120 }, { id: '3.80', parent: '2.6', name: 'Turks and Caicos Islands', value: 35446 }, { id: '3.81', parent: '2.6', name: 'British Virgin Islands', value: 31196 }, { id: '3.82', parent: '2.6', name: 'Caribbean Netherlands', value: 25398 }, { id: '3.83', parent: '2.6', name: 'Anguilla', value: 14909 }, { id: '3.84', parent: '2.6', name: 'Montserrat', value: 5177 }, /***********/ /* Asia */ { id: '2.13', parent: '1.3', name: 'Southern Asia' }, { id: '3.136', parent: '2.13', name: 'India', value: 1339180127 }, { id: '3.137', parent: '2.13', name: 'Pakistan', value: 197015955 }, { id: '3.138', parent: '2.13', name: 'Bangladesh', value: 164669751 }, { id: '3.139', parent: '2.13', name: 'Iran', value: 81162788 }, { id: '3.140', parent: '2.13', name: 'Afghanistan', value: 35530081 }, { id: '3.141', parent: '2.13', name: 'Nepal', value: 29304998 }, { id: '3.142', parent: '2.13', name: 'Sri Lanka', value: 20876917 }, { id: '3.143', parent: '2.13', name: 'Bhutan', value: 807610 }, { id: '3.144', parent: '2.13', name: 'Maldives', value: 436330 }, { id: '2.11', parent: '1.3', name: 'Eastern Asia' }, { id: '3.117', parent: '2.11', name: 'China', value: 1409517397 }, { id: '3.118', parent: '2.11', name: 'Japan', value: 127484450 }, { id: '3.119', parent: '2.11', name: 'South Korea', value: 50982212 }, { id: '3.120', parent: '2.11', name: 'North Korea', value: 25490965 }, { id: '3.121', parent: '2.11', name: 'Taiwan', value: 23626456 }, { id: '3.122', parent: '2.11', name: 'Hong Kong', value: 7364883 }, { id: '3.123', parent: '2.11', name: 'Mongolia', value: 3075647 }, { id: '3.124', parent: '2.11', name: 'Macau', value: 622567 }, { id: '2.12', parent: '1.3', name: 'South-Eastern Asia' }, { id: '3.125', parent: '2.12', name: 'Indonesia', value: 263991379 }, { id: '3.126', parent: '2.12', name: 'Philippines', value: 104918090 }, { id: '3.127', parent: '2.12', name: 'Vietnam', value: 95540800 }, { id: '3.128', parent: '2.12', name: 'Thailand', value: 69037513 }, { id: '3.129', parent: '2.12', name: 'Myanmar', value: 53370609 }, { id: '3.130', parent: '2.12', name: 'Malaysia', value: 31624264 }, { id: '3.131', parent: '2.12', name: 'Cambodia', value: 16005373 }, { id: '3.132', parent: '2.12', name: 'Laos', value: 6858160 }, { id: '3.133', parent: '2.12', name: 'Singapore', value: 5708844 }, { id: '3.134', parent: '2.12', name: 'Timor-Leste', value: 1296311 }, { id: '3.135', parent: '2.12', name: 'Brunei', value: 428697 // 'color': '' }, { id: '2.14', parent: '1.3', name: 'Western Asia' }, { id: '3.145', parent: '2.14', name: 'Turkey', value: 80745020 }, { id: '3.146', parent: '2.14', name: 'Iraq', value: 38274618 }, { id: '3.147', parent: '2.14', name: 'Saudi Arabia', value: 32938213 }, { id: '3.148', parent: '2.14', name: 'Yemen', value: 28250420 }, { id: '3.149', parent: '2.14', name: 'Syria', value: 18269868 }, { id: '3.150', parent: '2.14', name: 'Azerbaijan', value: 9827589 }, { id: '3.151', parent: '2.14', name: 'Jordan', value: 9702353 }, { id: '3.152', parent: '2.14', name: 'United Arab Emirates', value: 9400145 }, { id: '3.153', parent: '2.14', name: 'Israel', value: 8321570 }, { id: '3.154', parent: '2.14', name: 'Lebanon', value: 6082357 }, { id: '3.155', parent: '2.14', name: 'Palestine', value: 4920724 }, { id: '3.156', parent: '2.14', name: 'Oman', value: 4636262 }, { id: '3.157', parent: '2.14', name: 'Kuwait', value: 4136528 }, { id: '3.158', parent: '2.14', name: 'Georgia', value: 3912061 }, { id: '3.159', parent: '2.14', name: 'Armenia', value: 2930450 }, { id: '3.160', parent: '2.14', name: 'Qatar', value: 2639211 }, { id: '3.161', parent: '2.14', name: 'Bahrain', value: 1492584 }, { id: '2.10', parent: '1.3', name: 'Central Asia' }, { id: '3.112', parent: '2.10', name: 'Uzbekistan', value: 31910641 }, { id: '3.113', parent: '2.10', name: 'Kazakhstan', value: 18204499 }, { id: '3.114', parent: '2.10', name: 'Tajikistan', value: 8921343 }, { id: '3.115', parent: '2.10', name: 'Kyrgyzstan', value: 6045117 }, { id: '3.116', parent: '2.10', name: 'Turkmenistan', value: 5758075 }, /***********/ /* Europe */ { id: '2.15', parent: '1.4', name: 'Eastern Europe' }, { id: '3.162', parent: '2.15', name: 'Russia', value: 143989754 }, { id: '3.163', parent: '2.15', name: 'Ukraine', value: 44222947 }, { id: '3.164', parent: '2.15', name: 'Poland', value: 38170712 }, { id: '3.165', parent: '2.15', name: 'Romania', value: 19679306 }, { id: '3.166', parent: '2.15', name: 'Czechia', value: 10618303 }, { id: '3.167', parent: '2.15', name: 'Hungary', value: 9721559 }, { id: '3.168', parent: '2.15', name: 'Belarus', value: 9468338 }, { id: '3.169', parent: '2.15', name: 'Bulgaria', value: 7084571 }, { id: '3.170', parent: '2.15', name: 'Slovakia', value: 5447662 }, { id: '3.171', parent: '2.15', name: 'Moldova', value: 4051212 }, { id: '3.172', parent: '2.15', name: 'Cyprus', value: 1179551 }, { id: '2.16', parent: '1.4', name: 'Northern Europe' }, { id: '3.173', parent: '2.16', name: 'United Kingdom', value: 66181585 }, { id: '3.174', parent: '2.16', name: 'Sweden', value: 9910701 }, { id: '3.175', parent: '2.16', name: 'Denmark', value: 5733551 }, { id: '3.176', parent: '2.16', name: 'Finland', value: 5523231 }, { id: '3.177', parent: '2.16', name: 'Norway', value: 5305383 }, { id: '3.178', parent: '2.16', name: 'Ireland', value: 4761657 }, { id: '3.179', parent: '2.16', name: 'Lithuania', value: 2890297 }, { id: '3.180', parent: '2.16', name: 'Latvia', value: 1949670 }, { id: '3.181', parent: '2.16', name: 'Estonia', value: 1309632 }, { id: '3.182', parent: '2.16', name: 'Iceland', value: 335025 }, { id: '3.183', parent: '2.16', name: 'Guernsey and Jersey', value: 165314 }, { id: '3.184', parent: '2.16', name: 'Isle of Man', value: 84287 }, { id: '3.185', parent: '2.16', name: 'Faroe Islands', value: 49290 }, { id: '2.17', parent: '1.4', name: 'Southern Europe' }, { id: '3.186', parent: '2.17', name: 'Italy', value: 59359900 }, { id: '3.187', parent: '2.17', name: 'Spain', value: 46354321 }, { id: '3.188', parent: '2.17', name: 'Greece', value: 11159773 }, { id: '3.189', parent: '2.17', name: 'Portugal', value: 10329506 }, { id: '3.190', parent: '2.17', name: 'Serbia', value: 8790574 }, { id: '3.191', parent: '2.17', name: 'Croatia', value: 4189353 }, { id: '3.192', parent: '2.17', name: 'Bosnia and Herzegovina', value: 3507017 }, { id: '3.193', parent: '2.17', name: 'Albania', value: 2930187 }, { id: '3.194', parent: '2.17', name: 'Republic of Macedonia', value: 2083160 }, { id: '3.195', parent: '2.17', name: 'Slovenia', value: 2079976 }, { id: '3.196', parent: '2.17', name: 'Montenegro', value: 628960 }, { id: '3.197', parent: '2.17', name: 'Malta', value: 430835 }, { id: '3.198', parent: '2.17', name: 'Andorra', value: 76965 }, { id: '3.199', parent: '2.17', name: 'Gibraltar', value: 34571 }, { id: '3.200', parent: '2.17', name: 'San Marino', value: 33400 }, { id: '3.201', parent: '2.17', name: 'Vatican City', value: 792 }, { id: '2.18', parent: '1.4', name: 'Western Europe' }, { id: '3.202', parent: '2.18', name: 'Germany', value: 82114224 }, { id: '3.203', parent: '2.18', name: 'France', value: 64979548 }, { id: '3.204', parent: '2.18', name: 'Netherlands', value: 17035938 }, { id: '3.205', parent: '2.18', name: 'Belgium', value: 11429336 }, { id: '3.206', parent: '2.18', name: 'Austria', value: 8735453 }, { id: '3.207', parent: '2.18', name: 'Switzerland', value: 8476005 }, { id: '3.208', parent: '2.18', name: 'Luxembourg', value: 583455 }, { id: '3.209', parent: '2.18', name: 'Monaco', value: 38695 }, { id: '3.210', parent: '2.18', name: 'Liechtenstein', value: 37922 }, /***********/ /* Oceania */ { id: '2.19', parent: '1.5', name: 'Australia and New Zealand' }, { id: '3.211', parent: '2.19', name: 'Australia', value: 24450561 }, { id: '3.212', parent: '2.19', name: 'New Zealand', value: 4705818 }, { id: '2.20', parent: '1.5', name: 'Melanesia' }, { id: '3.213', parent: '2.20', name: 'Papua New Guinea' }, { id: '3.214', parent: '2.20', name: 'Fiji', value: 905502 }, { id: '3.215', parent: '2.20', name: 'Solomon Islands', value: 611343 }, { id: '3.216', parent: '2.20', name: 'New Caledonia', value: 276255 }, { id: '3.217', parent: '2.20', name: 'Vanuatu', value: 276244 }, { id: '2.21', parent: '1.5', name: 'Micronesia' }, { id: '3.218', parent: '2.21', name: 'Guam', value: 164229 }, { id: '3.219', parent: '2.21', name: 'Kiribati', value: 116398 }, { id: '3.220', parent: '2.21', name: 'Federated States of Micronesia', value: 105544 }, { id: '3.221', parent: '2.21', name: 'Northern Mariana Islands', value: 55144 }, { id: '3.222', parent: '2.21', name: 'Marshall Islands', value: 53127 }, { id: '3.223', parent: '2.21', name: 'Palau', value: 21729 }, { id: '3.224', parent: '2.21', name: 'Nauru', value: 11359 }, { id: '2.22', parent: '1.5', name: 'Polynesia' }, { id: '3.225', parent: '2.22', name: 'French Polynesia', value: 283007 }, { id: '3.226', parent: '2.22', name: 'Samoa', value: 196440 }, { id: '3.227', parent: '2.22', name: 'Tonga', value: 108020 }, { id: '3.228', parent: '2.22', name: 'American Samoa', value: 55641 }, { id: '3.229', parent: '2.22', name: 'Cook Islands', value: 17380 }, { id: '3.230', parent: '2.22', name: 'Wallis and Futuna', value: 11773 }, { id: '3.231', parent: '2.22', name: 'Tuvalu', value: 11192 }, { id: '3.232', parent: '2.22', name: 'Niue', value: 1618 }, { id: '3.233', parent: '2.22', name: 'Tokelau', value: 1300 }];71:T6ae,sunburst = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { height: '100%' }, // Let the center circle be transparent colors: ['transparent'].concat(Highcharts.getOptions().colors), title: { text: 'World population 2017' }, subtitle: { text: 'Source Wikipedia' }, series: [{ type: 'sunburst', data: data_sunburst, name: 'Root', allowDrillToNode: true, cursor: 'pointer', dataLabels: { format: '{point.name}', filter: { property: 'innerArcLength', operator: '>', value: 16 }, rotationMode: 'circular' }, levels: [{ level: 1, levelIsConstant: false, dataLabels: { filter: { property: 'outerArcLength', operator: '>', value: 64 } } }, { level: 2, colorByPoint: true }, { level: 3, colorVariation: { key: 'brightness', to: -0.5 } }, { level: 4, colorVariation: { key: 'brightness', to: 0.5 } }] }], tooltip: { headerFormat: '', pointFormat: 'The population of {point.name} is {point.value}' } }); return figure; }72:T26f5,tileMapHexagon = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'tilemap', inverted: true, height: '80%' }, accessibility: { description: 'A tile map represents the states of the USA by population in 2016. The hexagonal tiles are positioned to geographically echo the map of the USA. A color-coded legend states the population levels as below 1 million (beige), 1 to 5 million (orange), 5 to 20 million (pink) and above 20 million (hot pink). The chart is interactive, and the individual state data points are displayed upon hovering. Three states have a population of above 20 million: California (39.3 million), Texas (27.9 million) and Florida (20.6 million). The northern US region from Massachusetts in the Northwest to Illinois in the Midwest contains the highest concentration of states with a population of 5 to 20 million people. The southern US region from South Carolina in the Southeast to New Mexico in the Southwest contains the highest concentration of states with a population of 1 to 5 million people. 6 states have a population of less than 1 million people; these include Alaska, Delaware, Wyoming, North Dakota, South Dakota and Vermont. The state with the lowest population is Wyoming in the Northwest with 584,153 people.', screenReaderSection: { beforeChartFormat: '

{chartTitle}

' + '

{chartSubtitle}

' + '

{chartLongdesc}

' + '

{viewTableButton}

' }, point: { valueDescriptionFormat: '{index}. {xDescription}, {point.value}.' } }, title: { text: 'U.S. states by population in 2016' }, subtitle: { text: 'Source:Wikipedia' }, xAxis: { visible: false }, yAxis: { visible: false }, colorAxis: { dataClasses: [{ from: 0, to: 1000000, color: '#F9EDB3', name: '< 1M' }, { from: 1000000, to: 5000000, color: '#FFC428', name: '1M - 5M' }, { from: 5000000, to: 20000000, color: '#FF7987', name: '5M - 20M' }, { from: 20000000, color: '#FF2371', name: '> 20M' }] }, tooltip: { headerFormat: '', pointFormat: 'The population of {point.name} is {point.value}' }, plotOptions: { series: { dataLabels: { enabled: true, format: '{point.hc-a2}', color: '#000000', style: { textOutline: false } } } }, series: [{ name: '', data: [{ 'hc-a2': 'AL', name: 'Alabama', region: 'South', x: 6, y: 7, value: 4849377 }, { 'hc-a2': 'AK', name: 'Alaska', region: 'West', x: 0, y: 0, value: 737732 }, { 'hc-a2': 'AZ', name: 'Arizona', region: 'West', x: 5, y: 3, value: 6745408 }, { 'hc-a2': 'AR', name: 'Arkansas', region: 'South', x: 5, y: 6, value: 2994079 }, { 'hc-a2': 'CA', name: 'California', region: 'West', x: 5, y: 2, value: 39250017 }, { 'hc-a2': 'CO', name: 'Colorado', region: 'West', x: 4, y: 3, value: 5540545 }, { 'hc-a2': 'CT', name: 'Connecticut', region: 'Northeast', x: 3, y: 11, value: 3596677 }, { 'hc-a2': 'DE', name: 'Delaware', region: 'South', x: 4, y: 9, value: 935614 }, { 'hc-a2': 'DC', name: 'District of Columbia', region: 'South', x: 4, y: 10, value: 7288000 }, { 'hc-a2': 'FL', name: 'Florida', region: 'South', x: 8, y: 8, value: 20612439 }, { 'hc-a2': 'GA', name: 'Georgia', region: 'South', x: 7, y: 8, value: 10310371 }, { 'hc-a2': 'HI', name: 'Hawaii', region: 'West', x: 8, y: 0, value: 1419561 }, { 'hc-a2': 'ID', name: 'Idaho', region: 'West', x: 3, y: 2, value: 1634464 }, { 'hc-a2': 'IL', name: 'Illinois', region: 'Midwest', x: 3, y: 6, value: 12801539 }, { 'hc-a2': 'IN', name: 'Indiana', region: 'Midwest', x: 3, y: 7, value: 6596855 }, { 'hc-a2': 'IA', name: 'Iowa', region: 'Midwest', x: 3, y: 5, value: 3107126 }, { 'hc-a2': 'KS', name: 'Kansas', region: 'Midwest', x: 5, y: 5, value: 2904021 }, { 'hc-a2': 'KY', name: 'Kentucky', region: 'South', x: 4, y: 6, value: 4413457 }, { 'hc-a2': 'LA', name: 'Louisiana', region: 'South', x: 6, y: 5, value: 4649676 }, { 'hc-a2': 'ME', name: 'Maine', region: 'Northeast', x: 0, y: 11, value: 1330089 }, { 'hc-a2': 'MD', name: 'Maryland', region: 'South', x: 4, y: 8, value: 6016447 }, { 'hc-a2': 'MA', name: 'Massachusetts', region: 'Northeast', x: 2, y: 10, value: 6811779 }, { 'hc-a2': 'MI', name: 'Michigan', region: 'Midwest', x: 2, y: 7, value: 9928301 }, { 'hc-a2': 'MN', name: 'Minnesota', region: 'Midwest', x: 2, y: 4, value: 5519952 }, { 'hc-a2': 'MS', name: 'Mississippi', region: 'South', x: 6, y: 6, value: 2984926 }, { 'hc-a2': 'MO', name: 'Missouri', region: 'Midwest', x: 4, y: 5, value: 6093000 }, { 'hc-a2': 'MT', name: 'Montana', region: 'West', x: 2, y: 2, value: 1023579 }, { 'hc-a2': 'NE', name: 'Nebraska', region: 'Midwest', x: 4, y: 4, value: 1881503 }, { 'hc-a2': 'NV', name: 'Nevada', region: 'West', x: 4, y: 2, value: 2839099 }, { 'hc-a2': 'NH', name: 'New Hampshire', region: 'Northeast', x: 1, y: 11, value: 1326813 }, { 'hc-a2': 'NJ', name: 'New Jersey', region: 'Northeast', x: 3, y: 10, value: 8944469 }, { 'hc-a2': 'NM', name: 'New Mexico', region: 'West', x: 6, y: 3, value: 2085572 }, { 'hc-a2': 'NY', name: 'New York', region: 'Northeast', x: 2, y: 9, value: 19745289 }, { 'hc-a2': 'NC', name: 'North Carolina', region: 'South', x: 5, y: 9, value: 10146788 }, { 'hc-a2': 'ND', name: 'North Dakota', region: 'Midwest', x: 2, y: 3, value: 739482 }, { 'hc-a2': 'OH', name: 'Ohio', region: 'Midwest', x: 3, y: 8, value: 11614373 }, { 'hc-a2': 'OK', name: 'Oklahoma', region: 'South', x: 6, y: 4, value: 3878051 }, { 'hc-a2': 'OR', name: 'Oregon', region: 'West', x: 4, y: 1, value: 3970239 }, { 'hc-a2': 'PA', name: 'Pennsylvania', region: 'Northeast', x: 3, y: 9, value: 12784227 }, { 'hc-a2': 'RI', name: 'Rhode Island', region: 'Northeast', x: 2, y: 11, value: 1055173 }, { 'hc-a2': 'SC', name: 'South Carolina', region: 'South', x: 6, y: 8, value: 4832482 }, { 'hc-a2': 'SD', name: 'South Dakota', region: 'Midwest', x: 3, y: 4, value: 853175 }, { 'hc-a2': 'TN', name: 'Tennessee', region: 'South', x: 5, y: 7, value: 6651194 }, { 'hc-a2': 'TX', name: 'Texas', region: 'South', x: 7, y: 4, value: 27862596 }, { 'hc-a2': 'UT', name: 'Utah', region: 'West', x: 5, y: 4, value: 2942902 }, { 'hc-a2': 'VT', name: 'Vermont', region: 'Northeast', x: 1, y: 10, value: 626011 }, { 'hc-a2': 'VA', name: 'Virginia', region: 'South', x: 5, y: 8, value: 8411808 }, { 'hc-a2': 'WA', name: 'Washington', region: 'West', x: 2, y: 1, value: 7288000 }, { 'hc-a2': 'WV', name: 'West Virginia', region: 'South', x: 4, y: 7, value: 1850326 }, { 'hc-a2': 'WI', name: 'Wisconsin', region: 'Midwest', x: 2, y: 5, value: 5778708 }, { 'hc-a2': 'WY', name: 'Wyoming', region: 'West', x: 3, y: 3, value: 584153 }] }] }); return figure; }73:T56d,timelineHorizontal = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'timeline' }, xAxis: { visible: false }, yAxis: { visible: false }, title: { text: 'Timeline of Space Exploration' }, subtitle: { text: 'Info source: www.wikipedia.org' }, series: [{ data: [{ name: 'First dogs', label: '1951: First dogs in space', description: '22 July 1951 First dogs in space (Dezik and Tsygan) ' }, { name: 'Sputnik 1', label: '1957: First artificial satellite', description: '4 October 1957 First artificial satellite. First signals from space.' }, { name: 'First human spaceflight', label: '1961: First human spaceflight (Yuri Gagarin)', description: 'First human spaceflight (Yuri Gagarin), and the first human-crewed orbital flight' }, { name: 'First human on the Moon', label: '1969: First human on the Moon', description: 'First human on the Moon, and first space launch from a celestial body other than the Earth. First sample return from the Moon' }] }] }); return figure; }74:T581,timelineVertical = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'timeline', inverted: true }, title: { text: 'Timeline of Space Exploration' }, subtitle: { text: 'Info source: www.wikipedia.org' }, xAxis: { visible: false }, yAxis: { visible: false }, series: [{ data: [{ name: 'First dogs', label: '1951: First dogs in space', description: '22 July 1951 First dogs in space (Dezik and Tsygan) ' }, { name: 'Sputnik 1', label: '1957: First artificial satellite', description: '4 October 1957 First artificial satellite. First signals from space.' }, { name: 'First human spaceflight', label: '1961: First human spaceflight (Yuri Gagarin)', description: 'First human spaceflight (Yuri Gagarin), and the first human-crewed orbital flight' }, { name: 'First human on the Moon', label: '1969: First human on the Moon', description: 'First human on the Moon, and first space launch from a celestial body other than the Earth. First sample return from the Moon' }] }] }); return figure; }75:T1809,timelinePoints = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { zoomType: 'x', type: 'timeline' }, xAxis: { type: 'datetime', visible: false }, yAxis: { gridLineWidth: 1, title: null, labels: { enabled: false } }, legend: { enabled: false }, title: { text: 'Timeline of Space Exploration' }, subtitle: { text: 'Info source: www.wikipedia.org' }, tooltip: { style: { width: 300 } }, series: [{ dataLabels: { allowOverlap: false, format: '● ' + '{point.x:%d %b %Y}
{point.label}' }, marker: { symbol: 'circle' }, data: [{ x: Date.UTC(1951, 5, 22), name: 'First dogs in space', label: 'First dogs in space', description: "Dezik and Tsygan were the first dogs to make a sub-orbital flight on 22 July 1951. Both dogs were recovered unharmed after travelling to a maximum altitude of 110 km." }, { x: Date.UTC(1957, 9, 4), name: 'First artificial satellite', label: 'First artificial satellite', description: "Sputnik 1 was the first artificial Earth satellite. The Soviet Union launched it into an elliptical low Earth orbit on 4 October 1957, orbiting for three weeks before its batteries died, then silently for two more months before falling back into the atmosphere." }, { x: Date.UTC(1959, 0, 4), name: 'First artificial satellite to reach the Moon', label: 'First artificial satellite to reach the Moon', description: "Luna 1 was the first artificial satellite to reach the Moon vicinity and first artificial satellite in heliocentric orbit." }, { x: Date.UTC(1961, 3, 12), name: 'First human spaceflight', label: 'First human spaceflight', description: "Yuri Gagarin was a Soviet pilot and cosmonaut. He became the first human to journey into outer space when his Vostok spacecraft completed one orbit of the Earth on 12 April 1961." }, { x: Date.UTC(1966, 1, 3), name: 'First soft landing on the Moon', label: 'First soft landing on the Moon', description: "Yuri Gagarin was a Soviet pilot and cosmonaut. He became the first human to journey into outer space when his Vostok spacecraft completed one orbit of the Earth on 12 April 1961." }, { x: Date.UTC(1969, 6, 20), name: 'First human on the Moon', label: 'First human on the Moon', description: "Apollo 11 was the spaceflight that landed the first two people on the Moon. Commander Neil Armstrong and lunar module pilot Buzz Aldrin, both American, landed the Apollo Lunar Module Eagle on July 20, 1969, at 20:17 UTC." }, { x: Date.UTC(1971, 3, 19), name: 'First space station', label: 'First space station', description: "Salyute 1 was the first space station of any kind, launched into low Earth orbit by the Soviet Union on April 19, 1971. The Salyut program followed this with five more successful launches out of seven more stations." }, { x: Date.UTC(1971, 11, 2), name: 'First soft Mars landing', label: 'First soft Mars landing', description: "Mars 3 was an unmanned space probe of the Soviet Mars program which spanned the years between 1960 and 1973. Mars 3 was launched May 28, 1971, nine days after its twin spacecraft Mars 2. The probes were identical robotic spacecraft launched by Proton-K rockets with a Blok D upper stage, each consisting of an orbiter and an attached lander." }, { x: Date.UTC(1976, 3, 17), name: 'Closest flyby of the Sun', label: 'Closest flyby of the Sun', description: "Helios-A and Helios-B (also known as Helios 1 and Helios 2) are a pair of probes launched into heliocentric orbit for the purpose of studying solar processes. A joint venture of West Germany's space agency DFVLR (70 percent share) and NASA (30 percent), the probes were launched from Cape Canaveral Air Force Station, Florida." }, { x: Date.UTC(1978, 11, 4), name: 'First orbital exploration of Venus', label: 'First orbital exploration of Venus', description: "The Pioneer Venus Orbiter entered orbit around Venus on December 4, 1978, and performed observations to characterize the atmosphere and surface of Venus. It continued to transmit data until October 1992." }, { x: Date.UTC(1986, 1, 19), name: 'First inhabited space station', label: 'First inhabited space station', description: "was a space station that operated in low Earth orbit from 1986 to 2001, operated by the Soviet Union and later by Russia. Mir was the first modular space station and was assembled in orbit from 1986 to 1996. It had a greater mass than any previous spacecraft." }, { x: Date.UTC(1989, 7, 8), name: 'First astrometric satellite', label: 'First astrometric satellite', description: "Hipparcos was a scientific satellite of the European Space Agency (ESA), launched in 1989 and operated until 1993. It was the first space experiment devoted to precision astrometry, the accurate measurement of the positions of celestial objects on the sky." }, { x: Date.UTC(1998, 10, 20), name: 'First multinational space station', label: 'First multinational space station', description: "The International Space Station (ISS) is a space station, or a habitable artificial satellite, in low Earth orbit. Its first component was launched into orbit in 1998, with the first long-term residents arriving in November 2000.[7] It has been inhabited continuously since that date." }] }] }); return figure; }76:T4d3,variablePie = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'variablepie' }, title: { text: 'Countries compared by population density and total area, 2022.' }, tooltip: { headerFormat: '', pointFormat: '\u25CF {point.name}
' + 'Area (square km): {point.y}
' + 'Population density (people per square km): {point.z}
' }, series: [{ minPointSize: 10, innerSize: '20%', zMin: 0, name: 'countries', data: [{ name: 'Spain', y: 505992, z: 92 }, { name: 'France', y: 551695, z: 119 }, { name: 'Poland', y: 312679, z: 121 }, { name: 'Czech Republic', y: 78865, z: 136 }, { name: 'Italy', y: 301336, z: 200 }, { name: 'Switzerland', y: 41284, z: 213 }, { name: 'Germany', y: 357114, z: 235 }] }] }); return figure; }77:T63e,variableColumn = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'variwide' }, title: { text: 'Labor Costs in Europe, 2016' }, subtitle: { text: 'Source: eurostat' }, xAxis: { type: 'category' }, caption: { text: 'Column widths are proportional to GDP' }, legend: { enabled: false }, series: [{ name: 'Labor Costs', data: [ ['Norway', 50.2, 335504], ['Denmark', 42, 277339], ['Belgium', 39.2, 421611], ['Sweden', 38, 462057], ['France', 35.6, 2228857], ['Netherlands', 34.3, 702641], ['Finland', 33.2, 215615], ['Germany', 33.0, 3144050], ['Austria', 32.7, 349344], ['Ireland', 30.4, 275567], ['Italy', 27.8, 1672438], ['United Kingdom', 26.7, 2366911], ['Spain', 21.3, 1113851], ['Greece', 14.2, 175887], ['Portugal', 13.7, 184933], ['Czech Republic', 10.2, 176564], ['Poland', 8.6, 424269], ['Romania', 5.5, 169578] ], dataLabels: { enabled: true, format: '€{point.y:.0f}' }, tooltip: { pointFormat: 'Labor Costs: € {point.y}/h
' + 'GDP: € {point.z} million
' }, colorByPoint: true }] }); return figure; }78:T655,variableBar = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'variwide', inverted: true }, title: { text: 'Labor Costs in Europe, 2016' }, subtitle: { text: 'Source: eurostat' }, xAxis: { type: 'category', title: { text: 'Column widths are proportional to GDP' } }, legend: { enabled: false }, series: [{ name: 'Labor Costs', data: [ ['Norway', 50.2, 335504], ['Denmark', 42, 277339], ['Belgium', 39.2, 421611], ['Sweden', 38, 462057], ['France', 35.6, 2228857], ['Netherlands', 34.3, 702641], ['Finland', 33.2, 215615], ['Germany', 33.0, 3144050], ['Austria', 32.7, 349344], ['Ireland', 30.4, 275567], ['Italy', 27.8, 1672438], ['United Kingdom', 26.7, 2366911], ['Spain', 21.3, 1113851], ['Greece', 14.2, 175887], ['Portugal', 13.7, 184933], ['Czech Republic', 10.2, 176564], ['Poland', 8.6, 424269], ['Romania', 5.5, 169578] ], dataLabels: { enabled: true, format: '€{point.y:.0f}' }, tooltip: { pointFormat: 'Labor Costs: € {point.y}/h
' + 'GDP: € {point.z} million
' }, colorByPoint: true }] }); return figure; }79:T2886,vector = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, title: { text: 'Highcharts Vector plot' }, xAxis: { min: 0, max: 100, gridLineWidth: 1 }, yAxis: { min: 0, max: 100 }, series: [{ type: 'vector', name: 'Sample vector field', color: Highcharts.getOptions().colors[1], data: [ [5, 5, 190, 18], [5, 10, 185, 27], [5, 15, 180, 36], [5, 20, 175, 45], [5, 25, 170, 54], [5, 30, 165, 63], [5, 35, 160, 72], [5, 40, 155, 81], [5, 45, 150, 90], [5, 50, 145, 99], [5, 55, 140, 108], [5, 60, 135, 117], [5, 65, 130, 126], [5, 70, 125, 135], [5, 75, 120, 144], [5, 80, 115, 153], [5, 85, 110, 162], [5, 90, 105, 171], [5, 95, 100, 180], [10, 5, 185, 27], [10, 10, 180, 36], [10, 15, 175, 45], [10, 20, 170, 54], [10, 25, 165, 63], [10, 30, 160, 72], [10, 35, 155, 81], [10, 40, 150, 90], [10, 45, 145, 99], [10, 50, 140, 108], [10, 55, 135, 117], [10, 60, 130, 126], [10, 65, 125, 135], [10, 70, 120, 144], [10, 75, 115, 153], [10, 80, 110, 162], [10, 85, 105, 171], [10, 90, 100, 180], [10, 95, 95, 189], [15, 5, 180, 36], [15, 10, 175, 45], [15, 15, 170, 54], [15, 20, 165, 63], [15, 25, 160, 72], [15, 30, 155, 81], [15, 35, 150, 90], [15, 40, 145, 99], [15, 45, 140, 108], [15, 50, 135, 117], [15, 55, 130, 126], [15, 60, 125, 135], [15, 65, 120, 144], [15, 70, 115, 153], [15, 75, 110, 162], [15, 80, 105, 171], [15, 85, 100, 180], [15, 90, 95, 189], [15, 95, 90, 198], [20, 5, 175, 45], [20, 10, 170, 54], [20, 15, 165, 63], [20, 20, 160, 72], [20, 25, 155, 81], [20, 30, 150, 90], [20, 35, 145, 99], [20, 40, 140, 108], [20, 45, 135, 117], [20, 50, 130, 126], [20, 55, 125, 135], [20, 60, 120, 144], [20, 65, 115, 153], [20, 70, 110, 162], [20, 75, 105, 171], [20, 80, 100, 180], [20, 85, 95, 189], [20, 90, 90, 198], [20, 95, 85, 207], [25, 5, 170, 54], [25, 10, 165, 63], [25, 15, 160, 72], [25, 20, 155, 81], [25, 25, 150, 90], [25, 30, 145, 99], [25, 35, 140, 108], [25, 40, 135, 117], [25, 45, 130, 126], [25, 50, 125, 135], [25, 55, 120, 144], [25, 60, 115, 153], [25, 65, 110, 162], [25, 70, 105, 171], [25, 75, 100, 180], [25, 80, 95, 189], [25, 85, 90, 198], [25, 90, 85, 207], [25, 95, 80, 216], [30, 5, 165, 63], [30, 10, 160, 72], [30, 15, 155, 81], [30, 20, 150, 90], [30, 25, 145, 99], [30, 30, 140, 108], [30, 35, 135, 117], [30, 40, 130, 126], [30, 45, 125, 135], [30, 50, 120, 144], [30, 55, 115, 153], [30, 60, 110, 162], [30, 65, 105, 171], [30, 70, 100, 180], [30, 75, 95, 189], [30, 80, 90, 198], [30, 85, 85, 207], [30, 90, 80, 216], [30, 95, 75, 225], [35, 5, 160, 72], [35, 10, 155, 81], [35, 15, 150, 90], [35, 20, 145, 99], [35, 25, 140, 108], [35, 30, 135, 117], [35, 35, 130, 126], [35, 40, 125, 135], [35, 45, 120, 144], [35, 50, 115, 153], [35, 55, 110, 162], [35, 60, 105, 171], [35, 65, 100, 180], [35, 70, 95, 189], [35, 75, 90, 198], [35, 80, 85, 207], [35, 85, 80, 216], [35, 90, 75, 225], [35, 95, 70, 234], [40, 5, 155, 81], [40, 10, 150, 90], [40, 15, 145, 99], [40, 20, 140, 108], [40, 25, 135, 117], [40, 30, 130, 126], [40, 35, 125, 135], [40, 40, 120, 144], [40, 45, 115, 153], [40, 50, 110, 162], [40, 55, 105, 171], [40, 60, 100, 180], [40, 65, 95, 189], [40, 70, 90, 198], [40, 75, 85, 207], [40, 80, 80, 216], [40, 85, 75, 225], [40, 90, 70, 234], [40, 95, 65, 243], [45, 5, 150, 90], [45, 10, 145, 99], [45, 15, 140, 108], [45, 20, 135, 117], [45, 25, 130, 126], [45, 30, 125, 135], [45, 35, 120, 144], [45, 40, 115, 153], [45, 45, 110, 162], [45, 50, 105, 171], [45, 55, 100, 180], [45, 60, 95, 189], [45, 65, 90, 198], [45, 70, 85, 207], [45, 75, 80, 216], [45, 80, 75, 225], [45, 85, 70, 234], [45, 90, 65, 243], [45, 95, 60, 252], [50, 5, 145, 99], [50, 10, 140, 108], [50, 15, 135, 117], [50, 20, 130, 126], [50, 25, 125, 135], [50, 30, 120, 144], [50, 35, 115, 153], [50, 40, 110, 162], [50, 45, 105, 171], [50, 50, 100, 180], [50, 55, 95, 189], [50, 60, 90, 198], [50, 65, 85, 207], [50, 70, 80, 216], [50, 75, 75, 225], [50, 80, 70, 234], [50, 85, 65, 243], [50, 90, 60, 252], [50, 95, 55, 261], [55, 5, 140, 108], [55, 10, 135, 117], [55, 15, 130, 126], [55, 20, 125, 135], [55, 25, 120, 144], [55, 30, 115, 153], [55, 35, 110, 162], [55, 40, 105, 171], [55, 45, 100, 180], [55, 50, 95, 189], [55, 55, 90, 198], [55, 60, 85, 207], [55, 65, 80, 216], [55, 70, 75, 225], [55, 75, 70, 234], [55, 80, 65, 243], [55, 85, 60, 252], [55, 90, 55, 261], [55, 95, 50, 270], [60, 5, 135, 117], [60, 10, 130, 126], [60, 15, 125, 135], [60, 20, 120, 144], [60, 25, 115, 153], [60, 30, 110, 162], [60, 35, 105, 171], [60, 40, 100, 180], [60, 45, 95, 189], [60, 50, 90, 198], [60, 55, 85, 207], [60, 60, 80, 216], [60, 65, 75, 225], [60, 70, 70, 234], [60, 75, 65, 243], [60, 80, 60, 252], [60, 85, 55, 261], [60, 90, 50, 270], [60, 95, 45, 279], [65, 5, 130, 126], [65, 10, 125, 135], [65, 15, 120, 144], [65, 20, 115, 153], [65, 25, 110, 162], [65, 30, 105, 171], [65, 35, 100, 180], [65, 40, 95, 189], [65, 45, 90, 198], [65, 50, 85, 207], [65, 55, 80, 216], [65, 60, 75, 225], [65, 65, 70, 234], [65, 70, 65, 243], [65, 75, 60, 252], [65, 80, 55, 261], [65, 85, 50, 270], [65, 90, 45, 279], [65, 95, 40, 288], [70, 5, 125, 135], [70, 10, 120, 144], [70, 15, 115, 153], [70, 20, 110, 162], [70, 25, 105, 171], [70, 30, 100, 180], [70, 35, 95, 189], [70, 40, 90, 198], [70, 45, 85, 207], [70, 50, 80, 216], [70, 55, 75, 225], [70, 60, 70, 234], [70, 65, 65, 243], [70, 70, 60, 252], [70, 75, 55, 261], [70, 80, 50, 270], [70, 85, 45, 279], [70, 90, 40, 288], [70, 95, 35, 297], [75, 5, 120, 144], [75, 10, 115, 153], [75, 15, 110, 162], [75, 20, 105, 171], [75, 25, 100, 180], [75, 30, 95, 189], [75, 35, 90, 198], [75, 40, 85, 207], [75, 45, 80, 216], [75, 50, 75, 225], [75, 55, 70, 234], [75, 60, 65, 243], [75, 65, 60, 252], [75, 70, 55, 261], [75, 75, 50, 270], [75, 80, 45, 279], [75, 85, 40, 288], [75, 90, 35, 297], [75, 95, 30, 306], [80, 5, 115, 153], [80, 10, 110, 162], [80, 15, 105, 171], [80, 20, 100, 180], [80, 25, 95, 189], [80, 30, 90, 198], [80, 35, 85, 207], [80, 40, 80, 216], [80, 45, 75, 225], [80, 50, 70, 234], [80, 55, 65, 243], [80, 60, 60, 252], [80, 65, 55, 261], [80, 70, 50, 270], [80, 75, 45, 279], [80, 80, 40, 288], [80, 85, 35, 297], [80, 90, 30, 306], [80, 95, 25, 315], [85, 5, 110, 162], [85, 10, 105, 171], [85, 15, 100, 180], [85, 20, 95, 189], [85, 25, 90, 198], [85, 30, 85, 207], [85, 35, 80, 216], [85, 40, 75, 225], [85, 45, 70, 234], [85, 50, 65, 243], [85, 55, 60, 252], [85, 60, 55, 261], [85, 65, 50, 270], [85, 70, 45, 279], [85, 75, 40, 288], [85, 80, 35, 297], [85, 85, 30, 306], [85, 90, 25, 315], [85, 95, 20, 324], [90, 5, 105, 171], [90, 10, 100, 180], [90, 15, 95, 189], [90, 20, 90, 198], [90, 25, 85, 207], [90, 30, 80, 216], [90, 35, 75, 225], [90, 40, 70, 234], [90, 45, 65, 243], [90, 50, 60, 252], [90, 55, 55, 261], [90, 60, 50, 270], [90, 65, 45, 279], [90, 70, 40, 288], [90, 75, 35, 297], [90, 80, 30, 306], [90, 85, 25, 315], [90, 90, 20, 324], [90, 95, 15, 333], [95, 5, 100, 180], [95, 10, 95, 189], [95, 15, 90, 198], [95, 20, 85, 207], [95, 25, 80, 216], [95, 30, 75, 225], [95, 35, 70, 234], [95, 40, 65, 243], [95, 45, 60, 252], [95, 50, 55, 261], [95, 55, 50, 270], [95, 60, 45, 279], [95, 65, 40, 288], [95, 70, 35, 297], [95, 75, 30, 306], [95, 80, 25, 315], [95, 85, 20, 324], [95, 90, 15, 333], [95, 95, 10, 342] ] }] }); return figure; }7a:T529,trippleVenn = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, accessibility: { point: { descriptionFormatter: function (point) { var intersection = point.sets.join(', '), name = point.name, ix = point.index + 1, val = point.value; return ix + '. Intersection: ' + intersection + '. ' + (point.sets.length > 1 ? name + '. ' : '') + 'Value ' + val + '.'; } } }, series: [{ type: 'venn', name: 'The Unattainable Triangle', data: [{ sets: ['Good'], value: 2 }, { sets: ['Fast'], value: 2 }, { sets: ['Cheap'], value: 2 }, { sets: ['Good', 'Fast'], value: 1, name: 'More expensive' }, { sets: ['Good', 'Cheap'], value: 1, name: 'Will take time to deliver' }, { sets: ['Fast', 'Cheap'], value: 1, name: 'Not the best quality' }, { sets: ['Fast', 'Cheap', 'Good'], value: 1, name: 'They\'re dreaming' }] }], title: { text: 'The Unattainable Triangle' } }); return figure; }7b:T5fc,nestedSets = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, accessibility: { point: { valueDescriptionFormat: '{point.name}: {point.longDescription}.' } }, series: [{ type: 'venn', data: [{ sets: ['A'], value: 4, name: 'Euler diagrams', longDescription: 'An Euler diagram is a diagrammatic means of representing sets and their ' + 'relationships. Unlike Venn diagrams, which show all possible relations ' + 'between different sets, the Euler diagram shows only relevant ' + 'relationships.' }, { sets: ['B'], value: 1, name: 'Venn diagrams', longDescription: 'In Venn diagrams the curves are overlapped in every possible way, ' + 'showing all possible relations between the sets. They are thus a ' + 'special case of Euler diagrams, which do not necessarily show all ' + 'relations' }, { sets: ['A', 'B'], value: 1 }] }], tooltip: { headerFormat: '\u2022 ' + ' {point.point.name}
', pointFormat: '{point.longDescription}
Source: Wikipedia' }, title: { text: 'Relationship between Euler and Venn diagrams' } }); return figure; }7c:T5a5,waterfallRegular = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'waterfall' }, title: { text: 'Highcharts Waterfall' }, xAxis: { type: 'category' }, yAxis: { title: { text: 'USD' } }, legend: { enabled: false }, tooltip: { pointFormat: '${point.y:,.2f} USD' }, series: [{ upColor: Highcharts.getOptions().colors[2], color: Highcharts.getOptions().colors[3], data: [{ name: 'Start', y: 120000 }, { name: 'Product Revenue', y: 569000 }, { name: 'Service Revenue', y: 231000 }, { name: 'Positive Balance', isIntermediateSum: true, color: Highcharts.getOptions().colors[1] }, { name: 'Fixed Costs', y: -342000 }, { name: 'Variable Costs', y: -233000 }, { name: 'Balance', isSum: true, color: Highcharts.getOptions().colors[1] }], dataLabels: { enabled: true, formatter: function () { return Highcharts.numberFormat(this.y / 1000, 0, ',') + 'k'; }, style: { fontWeight: 'bold' } }, pointPadding: 0 }] }); return figure; }7d:T5c9,waterfallHorizontal = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'waterfall', inverted: true }, title: { text: 'Highcharts Horizontal Waterfall' }, xAxis: { type: 'category' }, yAxis: { title: { text: 'USD' } }, legend: { enabled: false }, tooltip: { pointFormat: '${point.y:,.2f} USD' }, series: [{ upColor: Highcharts.getOptions().colors[2], color: Highcharts.getOptions().colors[3], data: [{ name: 'Start', y: 120000 }, { name: 'Product Revenue', y: 569000 }, { name: 'Service Revenue', y: 231000 }, { name: 'Positive Balance', isIntermediateSum: true, color: Highcharts.getOptions().colors[1] }, { name: 'Fixed Costs', y: -342000 }, { name: 'Variable Costs', y: -233000 }, { name: 'Balance', isSum: true, color: Highcharts.getOptions().colors[1] }], dataLabels: { enabled: true, formatter: function () { return Highcharts.numberFormat(this.y / 1000, 0, ',') + 'k'; }, style: { fontWeight: 'bold' } }, pointPadding: 0 }] }); return figure; }7e:T61e,windBarb = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, title: { text: 'Observed wind in Vik, 30. July 2022' }, subtitle: { text: 'Source: ' + 'YR' }, xAxis: { type: 'datetime', offset: 40 }, yAxis: { title: { text: 'Wind speed (m/s)' } }, plotOptions: { series: { pointStart: Date.UTC(2022, 6, 30), pointInterval: 36e5 } }, series: [{ type: 'windbarb', data: data_windBard, name: 'Wind', color: Highcharts.getOptions().colors[1], showInLegend: false, tooltip: { valueSuffix: ' m/s' } }, { type: 'area', keys: ['y'], // wind direction is not used here data: data_windBard, color: Highcharts.getOptions().colors[0], fillColor: { linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 }, stops: [ [0, Highcharts.getOptions().colors[0]], [ 1, Highcharts.color(Highcharts.getOptions().colors[0]) .setOpacity(0.25).get() ] ] }, name: 'Wind speed', tooltip: { valueSuffix: ' m/s' }, states: { inactive: { opacity: 1 } } }] }); return figure; }7f:T746,wordCloud = { const text = 'Chapter 1. Down the Rabbit-Hole ' + 'Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: ' + 'once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations ' + 'in it, \'and what is the use of a book,\' thought Alice \'without pictures or conversation?\'' + 'So she was considering in her own mind (as well as she could, for the hot day made her feel very sleepy ' + 'and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking ' + 'the daisies, when suddenly a White Rabbit with pink eyes ran close by her.', lines = text.replace(/[():'?0-9]+/g, '').split(/[,\. ]+/g), data = lines.reduce((arr, word) => { let obj = Highcharts.find(arr, obj => obj.name === word); if (obj) { obj.weight += 1; } else { obj = { name: word, weight: 1 }; arr.push(obj); } return arr; }, []); const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, accessibility: { screenReaderSection: { beforeChartFormat: '

{chartTitle}

' + '

{chartSubtitle}

' + '

{chartLongdesc}

' + '

{viewTableButton}

' } }, series: [{ type: 'wordcloud', data, name: 'Occurrences' }], title: { text: 'Wordcloud of Alice\'s Adventures in Wonderland' }, subtitle: { text: 'An excerpt from chapter 1: Down the Rabbit-Hole ' }, tooltip: { headerFormat: '{point.key}
' } }); return figure; }80:T629,xRangeHorizontal = { const figure = html`

`; Highcharts.chart(figure, { credits: false, // removes watermark, chart: { type: 'xrange' }, title: { text: 'Highcharts X-range' }, accessibility: { point: { descriptionFormatter: function (point) { var ix = point.index + 1, category = point.yCategory, from = new Date(point.x), to = new Date(point.x2); return ix + '. ' + category + ', ' + from.toDateString() + ' to ' + to.toDateString() + '.'; } } }, xAxis: { type: 'datetime' }, yAxis: { title: { text: '' }, categories: ['Prototyping', 'Development', 'Testing'], reversed: true }, series: [{ name: 'Project 1', // pointPadding: 0, // groupPadding: 0, borderColor: 'gray', pointWidth: 20, data: [{ x: Date.UTC(2014, 10, 21), x2: Date.UTC(2014, 11, 2), y: 0, partialFill: 0.25 }, { x: Date.UTC(2014, 11, 2), x2: Date.UTC(2014, 11, 5), y: 1 }, { x: Date.UTC(2014, 11, 8), x2: Date.UTC(2014, 11, 9), y: 2 }, { x: Date.UTC(2014, 11, 9), x2: Date.UTC(2014, 11, 19), y: 1 }, { x: Date.UTC(2014, 11, 10), x2: Date.UTC(2014, 11, 23), y: 2 }], dataLabels: { enabled: true } }] }); return figure; }81:T741,Highcharts = { const Highcharts = await require("highcharts"); await require("highcharts/highcharts-more.js"); await require("highcharts/highcharts-3d.js"); await require("highcharts/modules/exporting.js"); await require("highcharts/modules/export-data.js"); await require("highcharts/modules/accessibility.js"); await require("highcharts/modules/arc-diagram.js"); await require("highcharts/modules/histogram-bellcurve.js"); await require("highcharts/modules/bullet.js"); await require("highcharts/modules/cylinder.js"); await require("highcharts/modules/dependency-wheel.js"); await require("highcharts/modules/dumbbell.js"); await require("highcharts/modules/funnel.js"); await require("highcharts/modules/funnel3d.js"); await require("highcharts/modules/heatmap.js"); await require("highcharts/modules/item-series.js"); await require("highcharts/modules/lollipop.js"); await require("highcharts/modules/networkgraph.js"); await require("highcharts/modules/organization.js"); await require("highcharts/modules/pareto.js"); await require("highcharts/modules/pyramid3d.js"); await require("highcharts/modules/sankey.js"); await require("highcharts/modules/solid-gauge.js"); await require("highcharts/modules/streamgraph.js"); await require("highcharts/modules/sunburst.js"); await require("highcharts/modules/tilemap.js"); await require("highcharts/modules/timeline.js"); await require("highcharts/modules/treemap.js"); await require("highcharts/modules/variable-pie.js"); await require("highcharts/modules/variwide.js"); await require("highcharts/modules/vector.js"); await require("highcharts/modules/venn.js"); await require("highcharts/modules/windbarb.js"); await require("highcharts/modules/wordcloud.js"); await require("highcharts/modules/xrange.js"); return Highcharts; }82:[] 29:{"id":"13ab68d6c896e6e7","slug":null,"title":"All The Highcharts","thumbnail":"1b3da7d16e2b803fd0781a812e46ff723ea9387486a7f95912bf5d3a7e53de57","access_level":"public","create_time":"$D2022-10-26T05:01:18.345Z","update_time":"$D2022-10-26T05:01:18.345Z","view_time":null,"first_public_time":"$D2022-10-26T05:01:18.345Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"8c608da92cc41eba","login":"nats","name":"Natsume Kirito","avatar_url":"https://avatars-next.observableusercontent.com/f3ee05d55157126440b945059c9185548046563da5bc25e6a37ab7517ddf0b8b","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":833,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"7c9b8f2ed649c6dd","login":"nats","name":"Natsume Kirito","avatar_url":"https://avatars-next.observableusercontent.com/f3ee05d55157126440b945059c9185548046563da5bc25e6a37ab7517ddf0b8b","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"7c9b8f2ed649c6dd","login":"nats","name":"Natsume Kirito","avatar_url":"https://avatars-next.observableusercontent.com/f3ee05d55157126440b945059c9185548046563da5bc25e6a37ab7517ddf0b8b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"All The Highcharts","cells":[{"id":0,"value":"# All The [Highcharts](https://www.highcharts.com/)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":825,"value":"Highcharts is a data viz library. These are most of the chart types from their documentation. The titles link to the JS Fiddles they were copied from, and 'options' link to documentation.\n\nSome of the computationally expensive charts are deactivated by default to save memory - turn them on by checking their box.\n\nI'm still getting a few of these to work in Observables. If you know of any other chart types I missed, please drop a comment.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":194,"value":"maxWidth = 700","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"## [Arc Diagram](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/arc-diagram/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.arcdiagram)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":64,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"## [Area](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/area-basic/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.area)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":85,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"## [Area Range](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/arearange/) / Area Spline Range\n\n[Area range options](https://api.highcharts.com/highcharts/plotOptions.arearange) / [Area spline range options](https://api.highcharts.com/highcharts/plotOptions.areasplinerange)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":141,"value":"viewof areaRangeLine = Inputs.radio([\"arearange\", \"areasplinerange\"], {label: \"Line type:\", value:\"arearange\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"areaRange= { \n const figure = html`

`;\n Highcharts.chart(figure, {\n credits: false, // removes watermark,\n chart: {\n type: areaRangeLine,\n zoomType: 'x',\n scrollablePlotArea: {\n minWidth: 600,\n scrollPositionX: 1\n }\n },\n\n title: {\n text: 'Temperature variation by day'\n },\n\n xAxis: {\n type: 'datetime',\n accessibility: {\n rangeDescription: 'Range: Jan 1st 2017 to Dec 31 2017.'\n }\n },\n\n yAxis: {\n title: {\n text: null\n }\n },\n\n tooltip: {\n crosshairs: true,\n shared: true,\n valueSuffix: '°C',\n xDateFormat: '%A, %b %e'\n },\n\n legend: {\n enabled: false\n },\n\n series: [{\n name: 'Temperatures',\n data: data_areaRange\n }]\n\n });\n return figure;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"## [Area Spline](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/areaspline/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.areaspline)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":96,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"## Bar ([grouped](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/bar-basic/), [stacked](https://observablehq.com/@chriszrc/highcharts-example))\n\n[options](https://api.highcharts.com/highcharts/plotOptions.bar)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":99,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"stackedColumn = { \n const figure = html`

`;\n Highcharts.chart(figure, {\n credits: false, // removes watermark,\n chart: {\n type: 'bar'\n },\n title: {\n text: 'Stacked bar chart'\n },\n xAxis: {\n categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']\n },\n yAxis: {\n min: 0,\n title: {\n text: 'Total fruit consumption'\n }\n },\n legend: {\n reversed: true\n },\n plotOptions: {\n series: {\n stacking: 'normal'\n }\n },\n series: [{\n name: 'John',\n data: [5, 3, 4, 7, 2]\n }, {\n name: 'Jane',\n data: [2, 2, 3, 2, 1]\n }, {\n name: 'Joe',\n data: [3, 4, 4, 2, 5]\n }]\n })\n return figure;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"## [Bell Curve](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/bellcurve/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.bellcurve)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":160,"value":"data_bellCurve = [3.5, 3, 3.2, 3.1, 3.6, 3.9, 3.4, 3.4, 2.9, 3.1, 3.7, 3.4, 3, 3, 4,\n 4.4, 3.9, 3.5, 3.8, 3.8, 3.4, 3.7, 3.6, 3.3, 3.4, 3, 3.4, 3.5, 3.4, 3.2,\n 3.1, 3.4, 4.1, 4.2, 3.1, 3.2, 3.5, 3.6, 3, 3.4, 3.5, 2.3, 3.2, 3.5, 3.8, 3,\n 3.8, 3.2, 3.7, 3.3, 3.2, 3.2, 3.1, 2.3, 2.8, 2.8, 3.3, 2.4, 2.9, 2.7, 2, 3,\n 2.2, 2.9, 2.9, 3.1, 3, 2.7, 2.2, 2.5, 3.2, 2.8, 2.5, 2.8, 2.9, 3, 2.8, 3,\n 2.9, 2.6, 2.4, 2.4, 2.7, 2.7, 3, 3.4, 3.1, 2.3, 3, 2.5, 2.6, 3, 2.6, 2.3,\n 2.7, 3, 2.9, 2.9, 2.5, 2.8, 3.3, 2.7, 3, 2.9, 3, 3, 2.5, 2.9, 2.5, 3.6,\n 3.2, 2.7, 3, 2.5, 2.8, 3.2, 3, 3.8, 2.6, 2.2, 3.2, 2.8, 2.8, 2.7, 3.3, 3.2,\n 2.8, 3, 2.8, 3, 2.8, 3.8, 2.8, 2.8, 2.6, 3, 3.4, 3.1, 3, 3.1, 3.1, 3.1, 2.7,\n 3.2, 3.3, 3, 2.5, 3, 3.4, 3];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"bellCurve = { \n const figure = html`

`;\n Highcharts.chart(figure, {\n credits: false, // removes watermark,\n title: {\n text: 'Bell curve'\n },\n\n xAxis: [{\n title: {\n text: 'Data'\n },\n alignTicks: false\n }, {\n title: {\n text: 'Bell curve'\n },\n alignTicks: false,\n opposite: true\n }],\n\n yAxis: [{\n title: { text: 'Data' }\n }, {\n title: { text: 'Bell curve' },\n opposite: true\n }],\n\n series: [{\n name: 'Bell curve',\n type: 'bellcurve',\n xAxis: 1,\n yAxis: 1,\n baseSeries: 1,\n zIndex: -1\n }, {\n name: 'Data',\n type: 'scatter',\n data: data_bellCurve,\n accessibility: {\n exposeAsGroupOnly: true\n },\n marker: {\n radius: 1.5\n }\n }]\n });\n return figure;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"## [Box Plot](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/box-plot/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.boxplot)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":105,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"## [Bubble](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/bubble/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.bubble)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":108,"value":"$4f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"## [Bullet](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/bullet-graph/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.bullet)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":272,"value":"(need to figure out how to implement nested div structure in Observables)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":270,"value":"## [Column](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/column-basic/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.column)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":114,"value":"$50","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"## Column Pyramid ([regular](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/column-pyramid/), [stacked](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/columnpyramid-stacked/), [inverted stacked](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/columnpyramid-inverted/))\n\n[options](https://api.highcharts.com/highcharts/plotOptions.columnpyramid)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":222,"value":"columnPyramid = { \n const figure = html`

`;\n Highcharts.chart(figure, {\n credits: false, // removes watermark,\n chart: {\n type: 'columnpyramid'\n },\n title: {\n text: 'The 5 highest pyramids in the World'\n },\n colors: ['#C79D6D', '#B5927B', '#CE9B84', '#B7A58C', '#C7A58C'],\n xAxis: {\n crosshair: true,\n labels: {\n style: {\n fontSize: '14px'\n }\n },\n type: 'category'\n },\n yAxis: {\n min: 0,\n title: {\n text: 'Height (m)'\n }\n },\n tooltip: {\n valueSuffix: ' m'\n },\n series: [{\n name: 'Height',\n colorByPoint: true,\n data: [\n ['Pyramid of Khufu', 138.8],\n ['Pyramid of Khafre', 136.4],\n ['Red Pyramid', 104],\n ['Bent Pyramid', 101.1],\n ['Pyramid of the Sun', 75]\n ],\n showInLegend: false\n }]\n })\n return figure;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":"## [Column Range](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/columnrange/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.columnrange)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":220,"value":"$51","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":294,"value":"## [Cylinder](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/cylinder/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.cylinder)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":216,"value":"$52","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":301,"value":"## [Dependency Wheel](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/dependency-wheel/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.dependencywheel)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":218,"value":"$53","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":314,"value":"## Dumbbell ([regular](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/dumbbell/), [styled](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series-dumbbell/styled-mode-dumbbell/))\n\n[options](https://api.highcharts.com/highcharts/plotOptions.dumbbell)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":317,"value":"data_dumbbell = [{\n name: \"Austria\",\n low: 70.1,\n high: 81.3\n}, {\n name: \"Belgium\",\n low: 71.0,\n high: 81.9\n}, {\n name: \"Czechia\",\n low: 69.6,\n high: 77.4\n}, {\n name: \"Estonia\",\n low: 70.4,\n high: 76.9\n}, {\n name: \"Greece\",\n low: 73.8,\n high: 80.3\n}, {\n name: \"Hungary\",\n low: 69.2,\n high: 74.5\n}, {\n name: \"Iceland\",\n low: 73.8,\n high: 83.2\n}, {\n name: \"Lithuania\",\n low: 71.1,\n high: 74.5\n}, {\n name: \"Norway\",\n low: 74.3,\n high: 83.2\n}, {\n name: \"Portugal\",\n low: 66.7,\n high: 81.2\n}, {\n name: \"Romania\",\n low: 68.2,\n high: 72.9\n}, {\n name: \"Slovakia\",\n low: 69.8,\n high: 74.8\n}, {\n name: \"Sweden\",\n low: 74.7,\n high: 83.2\n}, {\n name: \"Switzerland\",\n low: 73.2,\n high: 84.0\n}];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"dumbell = { \n const figure = html`

`;\n Highcharts.chart(figure, {\n credits: false, // removes watermark,\n chart: {\n type: 'dumbbell',\n inverted: true\n },\n\n legend: {\n enabled: false\n },\n\n subtitle: {\n text: '1970 vs 2021 Source: ' +\n 'Eurostat'\n },\n\n title: {\n text: 'Change in Life Expectancy'\n },\n\n tooltip: {\n shared: true\n },\n\n xAxis: {\n type: 'category'\n },\n\n yAxis: {\n title: {\n text: 'Life Expectancy (years)'\n }\n },\n\n series: [{\n name: 'Life expectancy change',\n data: data_dumbbell\n }]\n\n });\n return figure;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":343,"value":"## Error Bars ([columns](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/error-bar/) , [scatter](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series-errorbar/on-scatter/))\n\n[options](https://api.highcharts.com/highcharts/plotOptions.errorbar)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":214,"value":"$54","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":347,"value":"## [Funnel](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/funnel/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.funnel)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":324,"value":"$55","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":357,"value":"## [Funnel 3D](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/funnel3d/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.funnel3d)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":326,"value":"$56","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"## [Gauge](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/gauge-speedometer/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.gauge)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":328,"value":"$57","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":367,"value":"## Heat Map ([light](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/heatmap/), [heavy](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/heatmap-canvas/))\n\n[options](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/heatmap/)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":330,"value":"$58","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":"## [Histogram](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/histogram/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.histogram)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":382,"value":"data_histogram = [3.5, 3, 3.2, 3.1, 3.6, 3.9, 3.4, 3.4, 2.9, 3.1, 3.7, 3.4, 3, 3,\n 4, 4.4, 3.9, 3.5, 3.8, 3.8, 3.4, 3.7, 3.6, 3.3, 3.4, 3, 3.4, 3.5, 3.4,\n 3.2, 3.1, 3.4, 4.1, 4.2, 3.1, 3.2, 3.5, 3.6, 3, 3.4, 3.5, 2.3, 3.2, 3.5,\n 3.8, 3, 3.8, 3.2, 3.7, 3.3, 3.2, 3.2, 3.1, 2.3, 2.8, 2.8, 3.3, 2.4, 2.9,\n 2.7, 2, 3, 2.2, 2.9, 2.9, 3.1, 3, 2.7, 2.2, 2.5, 3.2, 2.8, 2.5, 2.8, 2.9,\n 3, 2.8, 3, 2.9, 2.6, 2.4, 2.4, 2.7, 2.7, 3, 3.4, 3.1, 2.3, 3, 2.5, 2.6,\n 3, 2.6, 2.3, 2.7, 3, 2.9, 2.9, 2.5, 2.8, 3.3, 2.7, 3, 2.9, 3, 3, 2.5, 2.9,\n 2.5, 3.6, 3.2, 2.7, 3, 2.5, 2.8, 3.2, 3, 3.8, 2.6, 2.2, 3.2, 2.8, 2.8, 2.7,\n 3.3, 3.2, 2.8, 3, 2.8, 3, 2.8, 3.8, 2.8, 2.8, 2.6, 3, 3.4, 3.1, 3, 3.1,\n 3.1, 3.1, 2.7, 3.2, 3.3, 3, 2.5, 3, 3.4, 3];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":332,"value":"$59","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":389,"value":"## Item ([circular](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/parliament-chart), [rectangular](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series-item/rectangular), [symbol](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series-item/symbols))\n\n[options](https://api.highcharts.com/highcharts/plotOptions.item)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":334,"value":"$5a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":336,"value":"itemRectangular = { \n const figure = html`

`;\n Highcharts.chart(figure, {\n credits: false, // removes watermark,\n chart: {\n type: 'item'\n },\n\n title: {\n text: 'Highcharts item chart'\n },\n\n subtitle: {\n text: 'Rectangular view'\n },\n\n legend: {\n labelFormat: '{name} {y}'\n },\n\n series: [{\n name: 'Representatives',\n keys: ['name', 'y'],\n data: [\n ['Conservative', 318],\n ['Labour', 262],\n ['Scottish National Party', 35],\n ['Liberal Democrat', 12],\n ['Democratic Unionist Party', 10],\n ['Sinn Fein', 7],\n ['Plaid Cymru', 4],\n ['Green Party', 1],\n ['Others', 1]\n ]\n }]\n\n });\n return figure;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"$5b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":422,"value":"## [Line](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/line-basic/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.line)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":340,"value":"$5c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":426,"value":"## [Lollipop](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/lollipop/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.lollipop)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":404,"value":"$5d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":692,"value":"## Maps ([USA states](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/maps/demo/color-axis))\n\n[gallery](https://www.highcharts.com/demo/maps)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":731,"value":"need to add an example map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":432,"value":"## [Network](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/network-graph/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.networkgraph)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":441,"value":"viewof networkOptions = Inputs.toggle({label: \"Show graph?\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":406,"value":"$5e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":437,"value":"## Organization ([regular](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/organization-chart/), [horizontal](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series-organization/horizontal/), [borderless](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series-organization/borderless), [centered](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series-organization/center-layout))\n\n[options](https://api.highcharts.com/highcharts/plotOptions.organization)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":408,"value":"$5f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":410,"value":"$60","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":412,"value":"$61","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":414,"value":"$62","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":493,"value":"## Packed Bubble ([regular](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/packed-bubble/), [split](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/packed-bubble-split/))\n\n[options](https://api.highcharts.com/highcharts/plotOptions.packedbubble)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":483,"value":"viewof packedBubbleOptions = Inputs.toggle({label: \"Show graph?\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":463,"value":"$63","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":464,"value":"$64","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":509,"value":"## [Pareto](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/pareto/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.pareto)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":466,"value":"$65","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":513,"value":"## [Pie](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/pie-basic/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.pie\")","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":471,"value":"$66","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":518,"value":"## [Polygon](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/polygon/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.polygon)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":473,"value":"$67","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":522,"value":"## [Pyramid](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/pyramid/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.pyramid)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":475,"value":"$68","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":541,"value":"## [Pyramid 3D](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/pyramid3d/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.pyramid3d)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":477,"value":"pyramid3D = { \n const figure = html`

`;\n Highcharts.chart(figure, {\n credits: false, // removes watermark,\n chart: {\n type: 'pyramid3d',\n options3d: {\n enabled: true,\n alpha: 10,\n depth: 50,\n viewDistance: 50\n }\n },\n title: {\n text: 'Highcharts Pyramid3D Chart'\n },\n plotOptions: {\n series: {\n dataLabels: {\n enabled: true,\n format: '{point.name} ({point.y:,.0f})',\n allowOverlap: true,\n x: 10,\n y: -5\n },\n width: '60%',\n height: '80%',\n center: ['50%', '45%']\n }\n },\n series: [{\n name: 'Unique users',\n data: [\n ['Website visits', 15654],\n ['Downloads', 4064],\n ['Requested price list', 1987],\n ['Invoice sent', 976],\n ['Finalized', 846]\n ]\n }]\n });\n return figure;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":546,"value":"## Sankey ([horizontal](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/sankey-diagram/), [vertical](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/sankey-inverted/), [single](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/sankey-outgoing))\n\n[options](https://api.highcharts.com/highcharts/plotOptions.sankey)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":526,"value":"$69","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":528,"value":"$6a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":530,"value":"$6b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":579,"value":"## [Scatter](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/scatter/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.scatter)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":532,"value":"$6c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":582,"value":"## Scatter 3D ([regular](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/3d/scatter/), [rotatable](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/3d-scatter-draggable))\n\n[options](https://api.highcharts.com/highcharts/plotOptions.scatter3d)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":534,"value":"$6d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":592,"value":"## [Solid Gauge](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/gauge-solid/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.solidgauge)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":754,"value":"need to get gauge working","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":595,"value":"## [Spline](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/spline-irregular-time/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.spline)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":564,"value":"$6e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":600,"value":"## [Stream Graph](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/streamgraph/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.streamgraph)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":568,"value":"$6f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":603,"value":"## [Sunburst](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/sunburst)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.sunburst)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":777,"value":"$70","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":566,"value":"$71","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":606,"value":"## Tile Map ([hexagon](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/honeycomb-usa/), [circle](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/maps/demo/circlemap-africa/), [diamond](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/maps/demo/diamondmap))\n\n[options](https://api.highcharts.com/highcharts/plotOptions.tilemap)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":572,"value":"$72","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":611,"value":"## Timeline ([horizontal intervals](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series-timeline/alternate-labels), [vertical intervals](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series-timeline/inverted), [horizontal points](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series-timeline/datetime-axis))\n\n[options](https://api.highcharts.com/highcharts/plotOptions.timeline)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":608,"value":"$73","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":613,"value":"$74","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":615,"value":"$75","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":638,"value":"## [Treemap](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/treemap-large-dataset/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.treemap)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":617,"value":"XXX10 = { \n const figure = html`

`;\n Highcharts.chart(figure, {\n credits: false, // removes watermark,\n \n })\n return figure;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":640,"value":"## [Variable Pie](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/variable-radius-pie/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.variablepie)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":619,"value":"$76","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":646,"value":"## Variable Width ([column](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/variwide/), [bar](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series-variwide/inverted/))\n\n[options](https://api.highcharts.com/highcharts/plotOptions.variwide)\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":621,"value":"$77","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":623,"value":"$78","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":648,"value":"## [Vector](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/vector-plot/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.vector)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":625,"value":"$79","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":652,"value":"## Venn Diagram ([triple](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/venn-diagram/), [nested sets](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/euler-diagram/))\n\n[options](https://api.highcharts.com/highcharts/plotOptions.venn)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":627,"value":"$7a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":629,"value":"$7b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":656,"value":"## Waterfall ([regular](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/waterfall/), [horizontal](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/waterfall-inverted/), [stacked](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/waterfall-stacked/))\n\n[plot](https://api.highcharts.com/highcharts/plotOptions.waterfall)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":631,"value":"$7c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":633,"value":"$7d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":657,"value":"waterfallNested = { \n const figure = html`

`;\n Highcharts.chart(figure, {\n credits: false, // removes watermark,\n chart: {\n type: 'waterfall'\n },\n title: {\n text: 'Highcharts stacked waterfall'\n },\n plotOptions: {\n series: {\n stacking: 'normal'\n }\n },\n series: [{\n data: [20, 10, {\n isIntermediateSum: true\n }, -15, 30, {\n isSum: true\n }]\n }, {\n data: [20, 50, {\n isIntermediateSum: true\n }, -25, 10, {\n isSum: true\n }],\n lineWidth: 0\n }, {\n data: [5, 10, {\n isIntermediateSum: true\n }, -5, 10, {\n isSum: true\n }],\n lineWidth: 0\n }]\n });\n\n return figure;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":671,"value":"## [Wind Barb](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/windbarb-series/)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.windbarb)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":811,"value":"data_windBard = [\n [4.9, 246],\n [4.1, 242],\n [3.2, 262],\n [1.5, 284],\n [1.1, 294],\n [0.4, 192],\n [0.2, 30],\n [1.1, 110],\n [1.4, 112],\n [2.1, 132],\n [1.6, 134],\n [1.5, 128],\n [0.7, 91],\n [0.7, 275],\n [0.6, 341],\n [4.5, 236],\n [4.9, 241],\n [3.4, 234],\n [0.7, 260],\n [1.1, 274],\n [0.9, 327],\n [0.5, 336],\n [0.4, 331],\n [1.4, 157]\n];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":659,"value":"$7e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":675,"value":"## [Word Cloud](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/wordcloud)\n\n[options](https://api.highcharts.com/highcharts/plotOptions.wordcloud)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":661,"value":"$7f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":678,"value":"## X-Range ([horizontal](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/x-range/), [vertical](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/chart/inverted-xrange/))\n\n[options](https://api.highcharts.com/highcharts/plotOptions.xrange)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":663,"value":"$80","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":665,"value":"xRangeVertical = { \n const figure = html`

`;\n Highcharts.chart(figure, {\n credits: false, // removes watermark,\n chart: {\n type: 'xrange',\n inverted: true\n },\n title: {\n text: 'Highcharts X-range'\n },\n xAxis: {\n type: 'datetime'\n },\n yAxis: {\n title: '',\n categories: ['Prototyping', 'Development', 'Testing']\n },\n series: [{\n name: 'Project 1',\n borderRadius: 5,\n data: [{\n x: Date.UTC(2014, 11, 1),\n x2: Date.UTC(2014, 11, 2),\n y: 0\n }, {\n x: Date.UTC(2014, 11, 2),\n x2: Date.UTC(2014, 11, 5),\n y: 1\n }, {\n x: Date.UTC(2014, 11, 8),\n x2: Date.UTC(2014, 11, 9),\n y: 2\n }, {\n x: Date.UTC(2014, 11, 9),\n x2: Date.UTC(2014, 11, 19),\n y: 1\n }, {\n x: Date.UTC(2014, 11, 10),\n x2: Date.UTC(2014, 11, 23),\n y: 2\n }]\n }]\n\n });\n return figure;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"## Libraries ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":6,"value":"$81","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"blank = { \n const figure = html`

`;\n Highcharts.chart(figure, {\n credits: false, // removes watermark,\n \n })\n //return figure;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W82","stdlib":"1"}} 24:null

{point.country}

{chartTitle}

{chartTitle}