<jupyter_start><jupyter_text>![Panel HighCharts Logo](https://raw.githubusercontent.com/MarcSkovMadsen/panel-highcharts/main/assets/images/panel-highcharts-logo.png) Panel-HighCharts - PackedBubble ExampleThis example illustrates how to load additional HighCharts js packages as asked by [月光](https://github.com/sygspjlsj) in [Issue 2](https://github.com/MarcSkovMadsen/panel-highcharts/issues/2).<jupyter_code>import panel_highcharts as ph

ph.config.theme("auto")<jupyter_output><empty_output><jupyter_text>Importing Additional Highchart dependenciesYou can import additional HighCharts `js` files using `panel_highcharts.config.js_files`.<jupyter_code>ph.config.js_files(highcharts_more=True) # Imports https://code.highcharts.com/highcharts-more.js<jupyter_output><empty_output><jupyter_text>Please note you need to `config` the `js_files` before you run `panel` and `pn.extension`<jupyter_code>import panel as pn
pn.extension('highchart')<jupyter_output><empty_output><jupyter_text>Defining the HighCharts ConfigurationThe configuration including data is from https://www.highcharts.com/demo/packed-bubble<jupyter_code>configuration = {
    "chart": {
        "type": 'packedbubble',
        "height": '800px'
    },
    "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": '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": "<NAME>",
            "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": "<NAME>",
            "value": 7.4
        },
        {
            "name": "Kyrgyzstan",
            "value": 7.4
        },
        {
            "name": "Afghanistan",
            "value": 7.9
        },
        {
            "name": "Myanmar",
            "value": 9.1
        },
        {
            "name": "Mongolia",
            "value": 14.7
        },
        {
            "name": "<NAME>",
            "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
        }]
    }]
}<jupyter_output><empty_output><jupyter_text>Create the HighChart<jupyter_code>chart = ph.HighChart(object=configuration, sizing_mode="stretch_both")
chart<jupyter_output><empty_output><jupyter_text>Wrap it up in a nice template<jupyter_code>template = pn.template.FastListTemplate(
    site="Panel-HighCharts",
    title="PackedBubble - Carbon Emissions by Country 2014",
    header_background="#f15c80",
    accent_base_color="#f15c80",
    main=[chart]
).servable();<jupyter_output><empty_output>
{'fraction_non_alphanumeric': 0.16147121886854693, 'fraction_numerical': 0.033069437572158994, 'mean_word_length': 0.9440525809554344, 'pattern_counts': {'":': 275, '<': 32, '<?xml version=': 0, '>': 33, 'https://': 5, 'lorem ipsum': 0, 'www.': 1, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'chain_length': '6', 'dir': 'jupyter-structured-clean-dedup', 'id': '331255', 'license': 'MIT', 'n_tokens_mistral': 4002, 'n_tokens_neox': 3633, 'n_words': 650, 'path': 'examples/PackedBubble.ipynb', 'repo_name': 'GenomicsNX/panel-highcharts', 'size': '12144'}