| from pathlib import Path |
| from typing import Optional |
|
|
| import streamlit as st |
| import streamlit.components.v1 as components |
|
|
| SAMPLE={ |
|
|
| "title": { |
| "text": 'U.S Solar Employment Growth by Job Category, 2010-2020' |
| }, |
|
|
| "subtitle": { |
| "text": 'Source: <a href="https://irecusa.org/programs/solar-jobs-census/" target="_blank">IREC</a>' |
| }, |
|
|
| "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' |
| } |
| } |
| }] |
| } |
|
|
| } |
| SAMPLE2={ |
|
|
| "chart": { |
| "type": 'streamgraph', |
| "marginBottom": 30, |
| "zoomType": 'x' |
| }, |
|
|
| "title": { |
| "floating": True, |
| "align": 'left', |
| "text": 'Winter Olympic Medal Wins' |
| }, |
| "subtitle": { |
| "floating": True, |
| "align": 'left', |
| "y": 30, |
| "text": 'Source: <a href="https://www.sports-reference.com/olympics/winter/1924/">sports-reference.com</a>' |
| }, |
|
|
| "xAxis": { |
| "maxPadding": 0, |
| "type": 'category', |
| "crosshair": True, |
| "categories": [ |
| '', |
| '1924 Chamonix', |
| '1928 St. Moritz', |
| '1932 Lake Placid', |
| '1936 Garmisch-Partenkirchen', |
| '1940 <i>Cancelled (Sapporo)</i>', |
| '1944 <i>Cancelled (Cortina d\'Ampezzo)</i>', |
| '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<br>during<br>World War II' |
| }, { |
| "point": { |
| "x": 18, |
| "xAxis": 0, |
| "y": 90, |
| "yAxis": 0 |
| }, |
| "text": 'Soviet Union fell,<br>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 |
| } |
| } |
| }, |
| "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 |
| } |
|
|
| } |
| SAMPLE3={ |
|
|
| "chart": { |
| "type": 'bubble', |
| "plotBorderWidth": 1, |
| "zoomType": 'xy' |
| }, |
|
|
| "title": { |
| "text": 'Highcharts bubbles with radial gradient fill' |
| }, |
|
|
| "xAxis": { |
| "gridLineWidth": 1, |
| "accessibility": { |
| "rangeDescription": 'Range: 0 to 100.' |
| } |
| }, |
|
|
| "yAxis": { |
| "startOnTick": False, |
| "endOnTick": False, |
| "accessibility": { |
| "rangeDescription": 'Range: 0 to 100.' |
| } |
| }, |
|
|
| "series": [{ |
| "data": [ |
| [9, 81, 63], |
| [98, 5, 89], |
| [51, 50, 73], |
| [41, 22, 14], |
| [58, 24, 20], |
| [78, 37, 34], |
| [55, 56, 53], |
| [18, 45, 70], |
| [42, 44, 28], |
| [3, 52, 59], |
| [31, 18, 97], |
| [79, 91, 63], |
| [93, 23, 23], |
| [44, 83, 22] |
| ], |
| "marker": { |
| "fillColor": { |
| "radialGradient": { "cx": 0.4, "cy": 0.3, "r": 0.7 }, |
| "stops": [ |
| [0, 'rgba(255,255,255,0.5)'], |
| [1, 'rgba(124,181,236,0.5)'] |
| ] |
| } |
| } |
| }, { |
| "data": [ |
| [42, 38, 20], |
| [6, 18, 1], |
| [1, 93, 55], |
| [57, 2, 90], |
| [80, 76, 22], |
| [11, 74, 96], |
| [88, 56, 10], |
| [30, 47, 49], |
| [57, 62, 98], |
| [4, 16, 16], |
| [46, 10, 11], |
| [22, 87, 89], |
| [57, 91, 82], |
| [45, 15, 98] |
| ], |
| "marker": { |
| "fillColor": { |
| "radialGradient": { "cx": 0.4, "cy": 0.3, "r": 0.7 }, |
| "stops": [ |
| [0, 'rgba(255,255,255,0.5)'], |
| [1, 'rgba(67,67,72,0.5)'] |
| ] |
| } |
| } |
| }] |
|
|
| } |
| SAMPLE4={ |
|
|
| "chart":{ |
| "type":"packedbubble", |
| "height":"100%" |
| }, |
| "title":{ |
| "text":"Carbon emissions around the world (2014)" |
| }, |
| "tooltip":{ |
| "useHTML":True, |
| "pointFormat":"<b>{point.name}:</b> {point.value}m CO<sub>2</sub>" |
| }, |
| "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 |
| } |
| ] |
| } |
| ] |
| } |
| SAMPLE5={ |
| "chart":{ |
| "type":"column" |
| }, |
| "title":{ |
| "align":"left", |
| "text":"Browser market shares. January, 2022" |
| }, |
| "subtitle":{ |
| "align":"left", |
| "text":"Click the columns to view versions. Source: <a href=\"http://statcounter.com\" target=\"_blank\">statcounter.com</a>" |
| }, |
| "accessibility":{ |
| "announceNewData":{ |
| "enabled":True |
| } |
| }, |
| "xAxis":{ |
| "type":"category" |
| }, |
| "yAxis":{ |
| "title":{ |
| "text":"Total percent market share" |
| } |
| }, |
| "legend":{ |
| "enabled":False |
| }, |
| "plotOptions":{ |
| "series":{ |
| "borderWidth":0, |
| "dataLabels":{ |
| "enabled":True, |
| "format":"{point.y:.1f}%" |
| } |
| } |
| }, |
| "tooltip":{ |
| "headerFormat":"<span style=\"font-size:11px\">{series.name}</span><br>", |
| "pointFormat":"<span style=\"color:{point.color}\">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>" |
| }, |
| "series":[ |
| { |
| "name":"Browsers", |
| "colorByPoint":True, |
| "data":[ |
| { |
| "name":"Chrome", |
| "y":63.06, |
| "drilldown":"Chrome" |
| }, |
| { |
| "name":"Safari", |
| "y":19.84, |
| "drilldown":"Safari" |
| }, |
| { |
| "name":"Firefox", |
| "y":4.18, |
| "drilldown":"Firefox" |
| }, |
| { |
| "name":"Edge", |
| "y":4.12, |
| "drilldown":"Edge" |
| }, |
| { |
| "name":"Opera", |
| "y":2.33, |
| "drilldown":"Opera" |
| }, |
| { |
| "name":"Internet Explorer", |
| "y":0.45, |
| "drilldown":"Internet Explorer" |
| }, |
| { |
| "name":"Other", |
| "y":1.582, |
| "drilldown":"null" |
| } |
| ] |
| } |
| ], |
| "drilldown":{ |
| "breadcrumbs":{ |
| "position":{ |
| "align":"right" |
| } |
| }, |
| "series":[ |
| { |
| "name":"Chrome", |
| "id":"Chrome", |
| "data":[ |
| [ |
| "v65.0", |
| 0.1 |
| ], |
| [ |
| "v64.0", |
| 1.3 |
| ], |
| [ |
| "v63.0", |
| 53.02 |
| ], |
| [ |
| "v62.0", |
| 1.4 |
| ], |
| [ |
| "v61.0", |
| 0.88 |
| ], |
| [ |
| "v60.0", |
| 0.56 |
| ], |
| [ |
| "v59.0", |
| 0.45 |
| ], |
| [ |
| "v58.0", |
| 0.49 |
| ], |
| [ |
| "v57.0", |
| 0.32 |
| ], |
| [ |
| "v56.0", |
| 0.29 |
| ], |
| [ |
| "v55.0", |
| 0.79 |
| ], |
| [ |
| "v54.0", |
| 0.18 |
| ], |
| [ |
| "v51.0", |
| 0.13 |
| ], |
| [ |
| "v49.0", |
| 2.16 |
| ], |
| [ |
| "v48.0", |
| 0.13 |
| ], |
| [ |
| "v47.0", |
| 0.11 |
| ], |
| [ |
| "v43.0", |
| 0.17 |
| ], |
| [ |
| "v29.0", |
| 0.26 |
| ] |
| ] |
| }, |
| { |
| "name":"Firefox", |
| "id":"Firefox", |
| "data":[ |
| [ |
| "v58.0", |
| 1.02 |
| ], |
| [ |
| "v57.0", |
| 7.36 |
| ], |
| [ |
| "v56.0", |
| 0.35 |
| ], |
| [ |
| "v55.0", |
| 0.11 |
| ], |
| [ |
| "v54.0", |
| 0.1 |
| ], |
| [ |
| "v52.0", |
| 0.95 |
| ], |
| [ |
| "v51.0", |
| 0.15 |
| ], |
| [ |
| "v50.0", |
| 0.1 |
| ], |
| [ |
| "v48.0", |
| 0.31 |
| ], |
| [ |
| "v47.0", |
| 0.12 |
| ] |
| ] |
| }, |
| { |
| "name":"Internet Explorer", |
| "id":"Internet Explorer", |
| "data":[ |
| [ |
| "v11.0", |
| 6.2 |
| ], |
| [ |
| "v10.0", |
| 0.29 |
| ], |
| [ |
| "v9.0", |
| 0.27 |
| ], |
| [ |
| "v8.0", |
| 0.47 |
| ] |
| ] |
| }, |
| { |
| "name":"Safari", |
| "id":"Safari", |
| "data":[ |
| [ |
| "v11.0", |
| 3.39 |
| ], |
| [ |
| "v10.1", |
| 0.96 |
| ], |
| [ |
| "v10.0", |
| 0.36 |
| ], |
| [ |
| "v9.1", |
| 0.54 |
| ], |
| [ |
| "v9.0", |
| 0.13 |
| ], |
| [ |
| "v5.1", |
| 0.2 |
| ] |
| ] |
| }, |
| { |
| "name":"Edge", |
| "id":"Edge", |
| "data":[ |
| [ |
| "v16", |
| 2.6 |
| ], |
| [ |
| "v15", |
| 0.92 |
| ], |
| [ |
| "v14", |
| 0.4 |
| ], |
| [ |
| "v13", |
| 0.1 |
| ] |
| ] |
| }, |
| { |
| "name":"Opera", |
| "id":"Opera", |
| "data":[ |
| [ |
| "v50.0", |
| 0.96 |
| ], |
| [ |
| "v49.0", |
| 0.82 |
| ], |
| [ |
| "v12.1", |
| 0.14 |
| ] |
| ] |
| } |
| ] |
| } |
| } |
| SAMPLE6={ |
| "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":"<h5>{chartTitle}</h5>""+""<div>{chartSubtitle}</div>""+""<div>{chartLongdesc}</div>""+""<div>{viewTableButton}</div>" |
| }, |
| "point":{ |
| "valueDescriptionFormat":"{index}. {xDescription}, {point.value}." |
| } |
| }, |
| "title":{ |
| "text":"U.S. states by population in 2016" |
| }, |
| "subtitle":{ |
| "text":"Source:<a href=\"https://simple.wikipedia.org/wiki/List_of_U.S._states_by_population\">Wikipedia</a>" |
| }, |
| "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 <b> {point.name}</b> is <b>{point.value}</b>" |
| }, |
| "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 |
| } |
| ] |
| } |
| ] |
| } |
| SAMPLE7={ |
| "chart":{ |
| "type":"pie" |
| }, |
| "title":{ |
| "text":"Browser market shares. January, 2022" |
| }, |
| "subtitle":{ |
| "text":"Click the slices to view versions. Source: <a href=\"http://statcounter.com\" target=\"_blank\">statcounter.com</a>" |
| }, |
| "accessibility":{ |
| "announceNewData":{ |
| "enabled":True |
| }, |
| "point":{ |
| "valueSuffix":"%" |
| } |
| }, |
| "plotOptions":{ |
| "series":{ |
| "dataLabels":{ |
| "enabled":True, |
| "format":"{point.name}: {point.y:.1f}%" |
| } |
| } |
| }, |
| "tooltip":{ |
| "headerFormat":"<span style=\"font-size:11px\">{series.name}</span><br>", |
| "pointFormat":"<span style=\"color:{point.color}\">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>" |
| }, |
| "series":[ |
| { |
| "name":"Browsers", |
| "colorByPoint":True, |
| "data":[ |
| { |
| "name":"Chrome", |
| "y":61.04, |
| "drilldown":"Chrome" |
| }, |
| { |
| "name":"Safari", |
| "y":9.47, |
| "drilldown":"Safari" |
| }, |
| { |
| "name":"Edge", |
| "y":9.32, |
| "drilldown":"Edge" |
| }, |
| { |
| "name":"Firefox", |
| "y":8.15, |
| "drilldown":"Firefox" |
| }, |
| { |
| "name":"Other", |
| "y":11.02, |
| "drilldown":"null" |
| } |
| ] |
| } |
| ], |
| "drilldown":{ |
| "series":[ |
| { |
| "name":"Chrome", |
| "id":"Chrome", |
| "data":[ |
| [ |
| "v97.0", |
| 36.89 |
| ], |
| [ |
| "v96.0", |
| 18.16 |
| ], |
| [ |
| "v95.0", |
| 0.54 |
| ], |
| [ |
| "v94.0", |
| 0.7 |
| ], |
| [ |
| "v93.0", |
| 0.8 |
| ], |
| [ |
| "v92.0", |
| 0.41 |
| ], |
| [ |
| "v91.0", |
| 0.31 |
| ], |
| [ |
| "v90.0", |
| 0.13 |
| ], |
| [ |
| "v89.0", |
| 0.14 |
| ], |
| [ |
| "v88.0", |
| 0.1 |
| ], |
| [ |
| "v87.0", |
| 0.35 |
| ], |
| [ |
| "v86.0", |
| 0.17 |
| ], |
| [ |
| "v85.0", |
| 0.18 |
| ], |
| [ |
| "v84.0", |
| 0.17 |
| ], |
| [ |
| "v83.0", |
| 0.21 |
| ], |
| [ |
| "v81.0", |
| 0.1 |
| ], |
| [ |
| "v80.0", |
| 0.16 |
| ], |
| [ |
| "v79.0", |
| 0.43 |
| ], |
| [ |
| "v78.0", |
| 0.11 |
| ], |
| [ |
| "v76.0", |
| 0.16 |
| ], |
| [ |
| "v75.0", |
| 0.15 |
| ], |
| [ |
| "v72.0", |
| 0.14 |
| ], |
| [ |
| "v70.0", |
| 0.11 |
| ], |
| [ |
| "v69.0", |
| 0.13 |
| ], |
| [ |
| "v56.0", |
| 0.12 |
| ], |
| [ |
| "v49.0", |
| 0.17 |
| ] |
| ] |
| }, |
| { |
| "name":"Safari", |
| "id":"Safari", |
| "data":[ |
| [ |
| "v15.3", |
| 0.1 |
| ], |
| [ |
| "v15.2", |
| 2.01 |
| ], |
| [ |
| "v15.1", |
| 2.29 |
| ], |
| [ |
| "v15.0", |
| 0.49 |
| ], |
| [ |
| "v14.1", |
| 2.48 |
| ], |
| [ |
| "v14.0", |
| 0.64 |
| ], |
| [ |
| "v13.1", |
| 1.17 |
| ], |
| [ |
| "v13.0", |
| 0.13 |
| ], |
| [ |
| "v12.1", |
| 0.16 |
| ] |
| ] |
| }, |
| { |
| "name":"Edge", |
| "id":"Edge", |
| "data":[ |
| [ |
| "v97", |
| 6.62 |
| ], |
| [ |
| "v96", |
| 2.55 |
| ], |
| [ |
| "v95", |
| 0.15 |
| ] |
| ] |
| }, |
| { |
| "name":"Firefox", |
| "id":"Firefox", |
| "data":[ |
| [ |
| "v96.0", |
| 4.17 |
| ], |
| [ |
| "v95.0", |
| 3.33 |
| ], |
| [ |
| "v94.0", |
| 0.11 |
| ], |
| [ |
| "v91.0", |
| 0.23 |
| ], |
| [ |
| "v78.0", |
| 0.16 |
| ], |
| [ |
| "v52.0", |
| 0.15 |
| ] |
| ] |
| } |
| ] |
| } |
| } |
| SAMPLE8={ |
| "title":{ |
| "text":"Sales of petroleum products March, Norway", |
| "align":"left" |
| }, |
| "xAxis":{ |
| "categories":[ |
| "Jet fuel", |
| "Duty-free diesel", |
| "Petrol", |
| "Diesel", |
| "Gas oil" |
| ] |
| }, |
| "yAxis":{ |
| "title":{ |
| "text":"Million liter" |
| } |
| }, |
| "labels":{ |
| "items":[ |
| { |
| "html":"Total liter", |
| "style":{ |
| "left":"50px", |
| "top":"18px", |
| "color":"black" |
| } |
| } |
| ] |
| }, |
| "series":[ |
| { |
| "type":"column", |
| "name":"2020", |
| "data":[ |
| 59, |
| 83, |
| 65, |
| 228, |
| 184 |
| ] |
| }, |
| { |
| "type":"column", |
| "name":"2021", |
| "data":[ |
| 24, |
| 79, |
| 72, |
| 240, |
| 167 |
| ] |
| }, |
| { |
| "type":"column", |
| "name":"2022", |
| "data":[ |
| 58, |
| 88, |
| 75, |
| 250, |
| 176 |
| ] |
| }, |
| { |
| "type":"spline", |
| "name":"Average", |
| "data":[ |
| 47, |
| 83.33, |
| 70.66, |
| 239.33, |
| 175.66 |
| ], |
| "marker":{ |
| "lineWidth":2, |
| "fillColor":"black", |
| } |
| }, |
| { |
| "type":"pie", |
| "name":"Liter", |
| "data":[ |
| { |
| "name":"2020", |
| "y":619, |
| "color": "#7cb4ec" |
| |
| }, |
| { |
| "name":"2021", |
| "y":586, |
| "color": "#434348" |
| }, |
| { |
| "name":"2022", |
| "y":647, |
| "color":"#90ed7d" |
| } |
| ], |
| "center":[ |
| 80, |
| 70 |
| ], |
| "size":100, |
| "showInLegend":False, |
| "dataLabels":{ |
| "enabled":False |
| } |
| } |
| ] |
| } |
| SAMPLE9={ |
| "chart":{ |
| "type":"solidgauge", |
| "height":"90%" |
| }, |
| "title":{ |
| "text":"Activity", |
| "style":{ |
| "fontSize":"24px" |
| } |
| }, |
| "tooltip":{ |
| "borderWidth":0, |
| "backgroundColor":"none", |
| "shadow":False, |
| "style":{ |
| "fontSize":"16px" |
| }, |
| "valueSuffix":"%", |
| "pointFormat":"{series.name}<br><span style=\"font-size:2em; color: {point.color}; font-weight: bold\">{point.y}</span>", |
| "positioner":{ |
| "x":"50px", |
| "y":100 |
| } |
| }, |
| "pane":{ |
| "startAngle":0, |
| "endAngle":360, |
| "background":[ |
| { |
| "radius":"112%", |
| "innerRadius":"88%", |
| "borderWidth":0 |
| }, |
| { |
| "radius":"87%", |
| "innerRadius":"63%", |
| "borderWidth":0 |
| }, |
| { |
| "radius":"62%", |
| "innerRadius":"38%", |
| "borderWidth":0 |
| } |
| ] |
| }, |
| "yAxis":{ |
| "min":0, |
| "max":100, |
| "lineWidth":0, |
| "tickPositions":[ |
| |
| ] |
| }, |
| "plotOptions":{ |
| "solidgauge":{ |
| "dataLabels":{ |
| "enabled":False |
| }, |
| "linecap":"round", |
| "stickyTracking":False, |
| "rounded":True |
| } |
| }, |
| "series":[ |
| { |
| "name":"Move", |
| "data":[ |
| { |
| "color":"lightgreen", |
| "radius":"112%", |
| "innerRadius":"88%", |
| "y":80 |
| } |
| ] |
| }, |
| { |
| "name":"Exercise", |
| "data":[ |
| { |
| "color":"red", |
| "radius":"87%", |
| "innerRadius":"63%", |
| "y":65 |
| } |
| ] |
| }, |
| { |
| "name":"Stand", |
| "data":[ |
| { |
| "color":"blue", |
| "radius":"62%", |
| "innerRadius":"38%", |
| "y":50 |
| } |
| ] |
| } |
| ] |
| } |
| SAMPLE10={ |
|
|
| "chart": { |
| "type": 'gauge', |
| "plotBackgroundColor": "white", |
| "plotBackgroundImage": "white", |
| "plotBorderWidth": 0, |
| "plotShadow": False, |
| "height": '80%' |
| }, |
|
|
| "title": { |
| "text": 'Speedometer' |
| }, |
|
|
| "pane": { |
| "startAngle": -90, |
| "endAngle": 89.9, |
| "background": "null", |
| "center": ['50%', '75%'], |
| "size": '110%' |
| }, |
|
|
| "yAxis": { |
| "min": 0, |
| "max": 200, |
| "tickPixelInterval": 72, |
| "tickPosition": 'inside', |
| "tickColor": '#FFFFFF', |
| "tickLength": 20, |
| "tickWidth": 2, |
| "minorTickInterval": "null", |
| "labels": { |
| "distance": 20, |
| "style": { |
| "fontSize": '14px' |
| } |
| }, |
| "plotBands": [{ |
| "from": 0, |
| "to": 120, |
| "color": '#55BF3B', |
| "thickness": 20 |
| }, { |
| "from": 120, |
| "to": 160, |
| "color": '#DDDF0D', |
| "thickness": 20 |
| }, { |
| "from": 160, |
| "to": 200, |
| "color": '#DF5353', |
| "thickness": 20 |
| }] |
| }, |
|
|
| "series": [{ |
| "name": 'Speed', |
| "data": [80], |
| "tooltip": { |
| "valueSuffix": ' km/h' |
| }, |
| "dataLabels": { |
| "format": '{y} km/h', |
| "borderWidth": 0, |
| "color": '#333333', |
| "style": { |
| "fontSize": '16px' |
| } |
| }, |
| "dial": { |
| "radius": '80%', |
| "backgroundColor": 'gray', |
| "baseWidth": 12, |
| "baseLength": '0%', |
| "rearLength": '0%' |
| }, |
| "pivot": { |
| "backgroundColor": 'gray', |
| "radius": 6 |
| } |
| }] |
|
|
| } |
| SAMPLE11={ |
|
|
| "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', |
| "style": { |
| "textOutline": 'none' |
| }, |
| "textPath": { |
| "enabled": True, |
| "attributes": { |
| "dy": 5 |
| } |
| }, |
| "distance": 10 |
| }, |
| "size": '95%' |
| }] |
|
|
| } |
| frontend_dir = (Path(__file__).parent / "frontend").absolute() |
| _component_func = components.declare_component( |
| "streamlit_highcharts", path=str(frontend_dir) |
| ) |
|
|
| def streamlit_highcharts( |
| options=SAMPLE, |
| height=410, |
| key: Optional[str] = None, |
| ): |
| """ |
| Add a descriptive docstring |
| """ |
| component_value = _component_func( |
| options=options,key=key,height=height |
| ) |
|
|
| return component_value |
|
|
|
|
| |
| |
| |
| |
| |
| |
| |
|
|
|
|
|
|
| |
| |
|
|
