{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 1,
   "id": "1f943ba7-352d-4358-8c80-5a397ecc7c0f",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2025-12-03T16:10:54.522573Z",
     "iopub.status.busy": "2025-12-03T16:10:54.521129Z",
     "iopub.status.idle": "2025-12-03T16:10:57.101565Z",
     "shell.execute_reply": "2025-12-03T16:10:57.101315Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "            <div id=\"kotlin_out_0\"></div>\n",
       "            <script type=\"text/javascript\">\n",
       "                            if(!window.kotlinQueues) {\n",
       "                window.kotlinQueues = {};\n",
       "            }\n",
       "            if(!window.kotlinQueues[\"DataFrame\"]) {\n",
       "                var resQueue = [];\n",
       "                window.kotlinQueues[\"DataFrame\"] = resQueue;\n",
       "                window[\"call_DataFrame\"] = function(f) {\n",
       "                    resQueue.push(f);\n",
       "                }\n",
       "            }\n",
       "            (function (){\n",
       "                var modifiers = [(function(script) {\n",
       "    script.src = \"https://cdn.jsdelivr.net/gh/Kotlin/dataframe@3db46ccccaa1291c0627307d64133317f545e6ae/core/src/main/resources/init.js\"\n",
       "    script.type = \"text/javascript\";\n",
       "})];\n",
       "                var e = document.getElementById(\"kotlin_out_0\");\n",
       "                modifiers.forEach(function (gen) {\n",
       "                    var script = document.createElement(\"script\");\n",
       "                    gen(script)\n",
       "                    script.addEventListener(\"load\", function() {\n",
       "                        window[\"call_DataFrame\"] = function(f) {f();};\n",
       "                        window.kotlinQueues[\"DataFrame\"].forEach(function(f) {f();});\n",
       "                        window.kotlinQueues[\"DataFrame\"] = [];\n",
       "                    }, false);\n",
       "                    script.addEventListener(\"error\", function() {\n",
       "                        window[\"call_DataFrame\"] = function(f) {};\n",
       "                        window.kotlinQueues[\"DataFrame\"] = [];\n",
       "                        var div = document.createElement(\"div\");\n",
       "                        div.style.color = 'darkred';\n",
       "                        div.textContent = 'Error loading resource DataFrame';\n",
       "                        document.getElementById(\"kotlin_out_0\").appendChild(div);\n",
       "                    }, false);\n",
       "                    \n",
       "                    e.appendChild(script);\n",
       "                });\n",
       "            })();\n",
       "            </script>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "                <style>\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "    white-space: nowrap;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover > td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "/* formatting */\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       "                </style>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "   <div id=\"McOshG\"></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"library\">\n",
       "       if(!window.letsPlotCallQueue) {\n",
       "           window.letsPlotCallQueue = [];\n",
       "       }; \n",
       "       window.letsPlotCall = function(f) {\n",
       "           window.letsPlotCallQueue.push(f);\n",
       "       };\n",
       "       (function() {\n",
       "           var script = document.createElement(\"script\");\n",
       "           script.type = \"text/javascript\";\n",
       "           script.src = \"https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.8.1/js-package/distr/lets-plot.min.js\";\n",
       "           script.onload = function() {\n",
       "               window.letsPlotCall = function(f) {f();};\n",
       "               window.letsPlotCallQueue.forEach(function(f) {f();});\n",
       "               window.letsPlotCallQueue = [];\n",
       "               \n",
       "               \n",
       "           };\n",
       "           script.onerror = function(event) {\n",
       "               window.letsPlotCall = function(f) {};\n",
       "               window.letsPlotCallQueue = [];\n",
       "               var div = document.createElement(\"div\");\n",
       "               div.style.color = 'darkred';\n",
       "               div.textContent = 'Error loading Lets-Plot JS';\n",
       "               document.getElementById(\"McOshG\").appendChild(div);\n",
       "           };\n",
       "           var e = document.getElementById(\"McOshG\");\n",
       "           e.appendChild(script);\n",
       "       })();\n",
       "   </script>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "            <div id=\"kotlin_out_1\"></div>\n",
       "            <script type=\"text/javascript\">\n",
       "                            if(!window.kotlinQueues) {\n",
       "                window.kotlinQueues = {};\n",
       "            }\n",
       "            if(!window.kotlinQueues[\"letsPlotJs\"]) {\n",
       "                var resQueue = [];\n",
       "                window.kotlinQueues[\"letsPlotJs\"] = resQueue;\n",
       "                window[\"call_letsPlotJs\"] = function(f) {\n",
       "                    resQueue.push(f);\n",
       "                }\n",
       "            }\n",
       "            (function (){\n",
       "                var modifiers = [(function(script) {\n",
       "    script.src = \"https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.8.1/js-package/distr/lets-plot.min.js\"\n",
       "    script.type = \"text/javascript\";\n",
       "})];\n",
       "                var e = document.getElementById(\"kotlin_out_1\");\n",
       "                modifiers.forEach(function (gen) {\n",
       "                    var script = document.createElement(\"script\");\n",
       "                    gen(script)\n",
       "                    script.addEventListener(\"load\", function() {\n",
       "                        window[\"call_letsPlotJs\"] = function(f) {f();};\n",
       "                        window.kotlinQueues[\"letsPlotJs\"].forEach(function(f) {f();});\n",
       "                        window.kotlinQueues[\"letsPlotJs\"] = [];\n",
       "                    }, false);\n",
       "                    script.addEventListener(\"error\", function() {\n",
       "                        window[\"call_letsPlotJs\"] = function(f) {};\n",
       "                        window.kotlinQueues[\"letsPlotJs\"] = [];\n",
       "                        var div = document.createElement(\"div\");\n",
       "                        div.style.color = 'darkred';\n",
       "                        div.textContent = 'Error loading resource letsPlotJs';\n",
       "                        document.getElementById(\"kotlin_out_1\").appendChild(div);\n",
       "                    }, false);\n",
       "                    \n",
       "                    e.appendChild(script);\n",
       "                });\n",
       "            })();\n",
       "            </script>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "%useLatestDescriptors\n",
    "%use dataframe\n",
    "%use lets-plot"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "id": "612fe0f0-53e3-4637-98e8-65811915a943",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2025-12-03T16:10:57.104230Z",
     "iopub.status.busy": "2025-12-03T16:10:57.103590Z",
     "iopub.status.idle": "2025-12-03T16:10:57.133036Z",
     "shell.execute_reply": "2025-12-03T16:10:57.132509Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "Lets-Plot Kotlin API v.4.12.0. Frontend: Notebook with dynamically loaded JS. Lets-Plot JS v.4.8.1.\n",
       "Outputs: Web (HTML+JS), Kotlin Notebook (Swing), Static SVG (hidden)"
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "LetsPlot.getInfo()"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "2a51cb88-6706-4266-a2c0-794dad6ef810",
   "metadata": {},
   "source": [
    "# Customizing `geomPie()` with `start` and `direction` Parameters\n",
    "Two new parameters have been added to the `geomPie()` function:\n",
    "\n",
    "- `start`: specifies the starting angle of the first slice in degrees (0-360°)\n",
    "- `direction`: controls sector layout direction (1 for clockwise or -1 for counterclockwise)\n",
    "\n",
    "Previously, pie charts were limited by fixed positioning where the second slice always started at 0° and all slices were arranged clockwise.  \n",
    "These new parameters provide precise control over slice positioning and orientation.  "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "id": "83168fbc-3b0d-4899-998b-5339d4edc47f",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2025-12-03T16:10:57.135479Z",
     "iopub.status.busy": "2025-12-03T16:10:57.134918Z",
     "iopub.status.idle": "2025-12-03T16:10:57.755294Z",
     "shell.execute_reply": "2025-12-03T16:10:57.755414Z"
    }
   },
   "outputs": [
    {
     "data": {
      "application/kotlindataframe+json": "{\"nrow\":3,\"ncol\":2,\"columns\":[\"Country\",\"GDP_2025_Trillion_USD\"],\"is_formatted\":false,\"kotlin_dataframe\":[{\"Country\":\"United States\",\"GDP_2025_Trillion_USD\":30.34},{\"Country\":\"China\",\"GDP_2025_Trillion_USD\":19.53},{\"Country\":\"Germany\",\"GDP_2025_Trillion_USD\":4.92}]}",
      "text/html": [
       "        <html>\n",
       "        <head>\n",
       "            <style type=\"text/css\">\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "    white-space: nowrap;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover > td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "/* formatting */\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       ":root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "    white-space: nowrap;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover > td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "/* formatting */\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       "            </style>\n",
       "        </head>\n",
       "        <body>\n",
       "            <table class=\"dataframe\" id=\"df_-553648128\"></table>\n",
       "\n",
       "<p class=\"dataframe_description\">DataFrame: rowsCount = 3, columnsCount = 2</p>\n",
       "<table class=\"dataframe\" id=\"static_df_-553648127\"><thead><tr><th class=\"bottomBorder\" style=\"text-align:left\">Country</th><th class=\"bottomBorder\" style=\"text-align:left\">GDP_2025_Trillion_USD</th></tr></thead><tbody><tr><td  style=\"vertical-align:top\">United States</td><td  style=\"vertical-align:top\">30.340000</td></tr><tr><td  style=\"vertical-align:top\">China</td><td  style=\"vertical-align:top\">19.530000</td></tr><tr><td  style=\"vertical-align:top\">Germany</td><td  style=\"vertical-align:top\">4.920000</td></tr></tbody></table>\n",
       "        </body>\n",
       "        <script>\n",
       "            /*<!--*/\n",
       "call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: \"<span title=\\\"Country: String\\\">Country</span>\", children: [], rightAlign: false, values: [\"United States\",\"China\",\"Germany\"] }, \n",
       "{ name: \"<span title=\\\"GDP_2025_Trillion_USD: Double\\\">GDP_2025_Trillion_USD</span>\", children: [], rightAlign: true, values: [\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">30.34</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">19.53</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">4.92</span></span>\"] }, \n",
       "], id: -553648128, rootId: -553648128, totalRows: 3 } ) });\n",
       "/*-->*/\n",
       "\n",
       "call_DataFrame(function() { DataFrame.renderTable(-553648128) });\n",
       "\n",
       "document.getElementById(\"static_df_-553648127\").style.display = \"none\";\n",
       "        </script>\n",
       "        </html>"
      ]
     },
     "execution_count": 3,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "val gdp = DataFrame.readCSV(\"https://raw.githubusercontent.com/JetBrains/lets-plot/refs/heads/master/docs/f-25a/data/gdp_forecast_2025_trillion_usd.csv\")\n",
    "gdp.head(3)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "id": "9005245d-7b76-4c98-a560-1cc124b3d75e",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2025-12-03T16:10:57.756810Z",
     "iopub.status.busy": "2025-12-03T16:10:57.756622Z",
     "iopub.status.idle": "2025-12-03T16:10:57.851222Z",
     "shell.execute_reply": "2025-12-03T16:10:57.850952Z"
    }
   },
   "outputs": [],
   "source": [
    "val p = letsPlot(gdp.toMap()) { \n",
    "    fill=\"Country\"\n",
    "} + \n",
    "    ggtitle(\n",
    "        \"GDP forecast 2025 (trillion US$) by country\", \n",
    "        subtitle=\"\"\"Source: <a href=\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\">Wikipedia</a>\"\"\"\n",
    "    ) + \n",
    "    scaleFillGradient(low=\"blue\", high=\"yellow\") + \n",
    "    themeVoid() + \n",
    "    theme(plotTitle=elementText(hjust=0.5), plotSubtitle=elementText(hjust=0.5))"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "a7e003fa-b531-498a-abdc-f80aaf1d85ca",
   "metadata": {},
   "source": [
    "#### 1. Auto-layout\n",
    "\n",
    "By default, the first sector is positioned counterclockwise from the start point (12 o’clock), while the remaining sectors are arranged clockwise."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "id": "d97a17aa-aaa6-4c00-b52e-3d728f12d7b3",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2025-12-03T16:10:57.852719Z",
     "iopub.status.busy": "2025-12-03T16:10:57.852487Z",
     "iopub.status.idle": "2025-12-03T16:10:58.121954Z",
     "shell.execute_reply": "2025-12-03T16:10:58.122038Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "   <div id=\"NWgGYF\"></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"library\">\n",
       "       if(!window.letsPlotCallQueue) {\n",
       "           window.letsPlotCallQueue = [];\n",
       "       }; \n",
       "       window.letsPlotCall = function(f) {\n",
       "           window.letsPlotCallQueue.push(f);\n",
       "       };\n",
       "       (function() {\n",
       "           var script = document.createElement(\"script\");\n",
       "           script.type = \"text/javascript\";\n",
       "           script.src = \"https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.8.1/js-package/distr/lets-plot.min.js\";\n",
       "           script.onload = function() {\n",
       "               window.letsPlotCall = function(f) {f();};\n",
       "               window.letsPlotCallQueue.forEach(function(f) {f();});\n",
       "               window.letsPlotCallQueue = [];\n",
       "               \n",
       "               \n",
       "           };\n",
       "           script.onerror = function(event) {\n",
       "               window.letsPlotCall = function(f) {};\n",
       "               window.letsPlotCallQueue = [];\n",
       "               var div = document.createElement(\"div\");\n",
       "               div.style.color = 'darkred';\n",
       "               div.textContent = 'Error loading Lets-Plot JS';\n",
       "               document.getElementById(\"NWgGYF\").appendChild(div);\n",
       "           };\n",
       "           var e = document.getElementById(\"NWgGYF\");\n",
       "           e.appendChild(script);\n",
       "       })();\n",
       "   </script>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/plot+json": {
       "apply_color_scheme": true,
       "output": {
        "data": {
         "Country": [
          "United States",
          "China",
          "Germany",
          "Japan",
          "India",
          "United Kingdom",
          "France",
          "Italy",
          "Canada",
          "Brazil"
         ],
         "GDP_2025_Trillion_USD": [
          30.34,
          19.53,
          4.92,
          4.39,
          4.27,
          3.73,
          3.28,
          2.46,
          2.33,
          2.31
         ]
        },
        "data_meta": {
         "series_annotations": [
          {
           "column": "Country",
           "type": "str"
          },
          {
           "column": "GDP_2025_Trillion_USD",
           "type": "float"
          }
         ]
        },
        "ggtitle": {
         "subtitle": "Source: <a href=\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\">Wikipedia</a>",
         "text": "GDP forecast 2025 (trillion US$) by country"
        },
        "kind": "plot",
        "layers": [
         {
          "geom": "pie",
          "mapping": {
           "slice": "GDP_2025_Trillion_USD"
          },
          "position": "identity",
          "size": 0.6,
          "size_unit": "x",
          "stat": "identity"
         }
        ],
        "mapping": {
         "fill": "Country"
        },
        "scales": [
         {
          "aesthetic": "fill",
          "high": "yellow",
          "low": "blue",
          "scale_mapper_kind": "color_gradient"
         }
        ],
        "theme": {
         "axis": {
          "blank": true
         },
         "line": {
          "blank": true
         },
         "name": "classic",
         "plot_subtitle": {
          "blank": false,
          "hjust": 0.5
         },
         "plot_title": {
          "blank": false,
          "hjust": 0.5
         }
        }
       },
       "output_type": "lets_plot_spec",
       "swing_enabled": true
      },
      "text/html": [
       "   <div id=\"wLNqsK\" ></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"plot\">\n",
       "   \n",
       "   (function() {\n",
       "   // ----------\n",
       "   \n",
       "   const forceImmediateRender = false;\n",
       "   const responsive = false;\n",
       "   \n",
       "   let sizing = {\n",
       "       width_mode: \"MIN\",\n",
       "       height_mode: \"SCALED\",\n",
       "       width: null, \n",
       "       height: null \n",
       "   };\n",
       "   \n",
       "   const preferredWidth = document.body.dataset.letsPlotPreferredWidth;\n",
       "   if (preferredWidth !== undefined) {\n",
       "       sizing = {\n",
       "           width_mode: 'FIXED',\n",
       "           height_mode: 'SCALED',\n",
       "           width: parseFloat(preferredWidth)\n",
       "       };\n",
       "   }\n",
       "   \n",
       "   const containerDiv = document.getElementById(\"wLNqsK\");\n",
       "   let fig = null;\n",
       "   \n",
       "   function renderPlot() {\n",
       "       if (fig === null) {\n",
       "           const plotSpec = {\n",
       "\"ggtitle\":{\n",
       "\"text\":\"GDP forecast 2025 (trillion US$) by country\",\n",
       "\"subtitle\":\"Source: <a href=\\\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\\\">Wikipedia</a>\"\n",
       "},\n",
       "\"mapping\":{\n",
       "\"fill\":\"Country\"\n",
       "},\n",
       "\"data\":{\n",
       "\"Country\":[\"United States\",\"China\",\"Germany\",\"Japan\",\"India\",\"United Kingdom\",\"France\",\"Italy\",\"Canada\",\"Brazil\"],\n",
       "\"GDP_2025_Trillion_USD\":[30.34,19.53,4.92,4.39,4.27,3.73,3.28,2.46,2.33,2.31]\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"fill\",\n",
       "\"scale_mapper_kind\":\"color_gradient\",\n",
       "\"high\":\"yellow\",\n",
       "\"low\":\"blue\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"mapping\":{\n",
       "\"slice\":\"GDP_2025_Trillion_USD\"\n",
       "},\n",
       "\"stat\":\"identity\",\n",
       "\"size\":0.6,\n",
       "\"position\":\"identity\",\n",
       "\"geom\":\"pie\",\n",
       "\"size_unit\":\"x\",\n",
       "\"data\":{\n",
       "}\n",
       "}],\n",
       "\"theme\":{\n",
       "\"name\":\"classic\",\n",
       "\"axis\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"line\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"plot_title\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "},\n",
       "\"plot_subtitle\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "}\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"series_annotations\":[{\n",
       "\"type\":\"str\",\n",
       "\"column\":\"Country\"\n",
       "},{\n",
       "\"type\":\"float\",\n",
       "\"column\":\"GDP_2025_Trillion_USD\"\n",
       "}]\n",
       "},\n",
       "\"spec_id\":\"1\"\n",
       "};\n",
       "           window.letsPlotCall(function() { fig = LetsPlot.buildPlotFromProcessedSpecs(plotSpec, containerDiv, sizing); });\n",
       "       } else {\n",
       "           fig.updateView({});\n",
       "       }\n",
       "   }\n",
       "   \n",
       "   const renderImmediately = \n",
       "       forceImmediateRender || (\n",
       "           sizing.width_mode === 'FIXED' && \n",
       "           (sizing.height_mode === 'FIXED' || sizing.height_mode === 'SCALED')\n",
       "       );\n",
       "   \n",
       "   if (renderImmediately) {\n",
       "       renderPlot();\n",
       "   }\n",
       "   \n",
       "   if (!renderImmediately || responsive) {\n",
       "       // Set up observer for initial sizing or continuous monitoring\n",
       "       var observer = new ResizeObserver(function(entries) {\n",
       "           for (let entry of entries) {\n",
       "               if (entry.contentBoxSize && \n",
       "                   entry.contentBoxSize[0].inlineSize > 0) {\n",
       "                   if (!responsive && observer) {\n",
       "                       observer.disconnect();\n",
       "                       observer = null;\n",
       "                   }\n",
       "                   renderPlot();\n",
       "                   if (!responsive) {\n",
       "                       break;\n",
       "                   }\n",
       "               }\n",
       "           }\n",
       "       });\n",
       "       \n",
       "       observer.observe(containerDiv);\n",
       "   }\n",
       "   \n",
       "   // ----------\n",
       "   })();\n",
       "   \n",
       "   </script>                <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" id=4129fe98-f283-4e91-8df7-27c02d0cf09e width=\"100%\" height=\"100%\" style=\"max-width: 600.0px; max-height: 400.0px;\" viewBox=\"0 0 600.0 400.0\" preserveAspectRatio=\"xMinYMin meet\">\n",
       "  <style type=\"text/css\">\n",
       "  .plt-container {\n",
       "   font-family: sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#pC2bOFn .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#pC2bOFn .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pC2bOFn .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pC2bOFn .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "\n",
       "}\n",
       "#pC2bOFn .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pC2bOFn .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pC2bOFn .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pC2bOFn .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dF9pEk6 .axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pC2bOFn .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pC2bOFn .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dF9pEk6 .axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pC2bOFn .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pC2bOFn .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dF9pEk6 .tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dF9pEk6 .tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dF9pEk6 .tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "  </style>\n",
       "  <g id=\"pC2bOFn\">\n",
       "    <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 400.0 L600.0 400.0 L600.0 0.0 Z\">\n",
       "    </path>\n",
       "    <g transform=\"translate(6.0 41.0 ) \">\n",
       "      <g>\n",
       "        <g transform=\"\">\n",
       "          <g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"\">\n",
       "          <g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g clip-path=\"url(#cgdb7Xi)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (443.7908946832939, 353.0)]\">\n",
       "        <g transform=\"\">\n",
       "          <g>\n",
       "            <g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L137.79412051973196 279.71094450268004 A133.13726840498816 133.13726840498816 0.0 0 1 221.89544734164696 43.36273159501184 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(0,0,255)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L221.89544734164696 43.36273159501184 A133.13726840498816 133.13726840498816 0.0 0 1 355.02415315566424 178.0099425905321 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(106,44,237)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L355.02415315566424 178.0099425905321 A133.13726840498816 133.13726840498816 0.0 0 1 344.00298037264065 229.55923685303668 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(144,73,218)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L344.00298037264065 229.55923685303668 A133.13726840498816 133.13726840498816 0.0 0 1 317.88754666700527 268.7553473000477 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(171,100,199)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L317.88754666700527 268.7553473000477 A133.13726840498816 133.13726840498816 0.0 0 1 280.9215825466081 295.8375364296897 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(193,126,180)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L280.9215825466081 295.8375364296897 A133.13726840498816 133.13726840498816 0.0 0 1 242.73335738074607 307.9964400413345 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(210,151,159)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L242.73335738074607 307.9964400413345 A133.13726840498816 133.13726840498816 0.0 0 1 207.47119813908026 308.8535918412648 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(224,177,137)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L207.47119813908026 308.8535918412648 A133.13726840498816 133.13726840498816 0.0 0 1 181.55468183068245 303.37850439034673 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(237,203,111)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L181.55468183068245 303.37850439034673 A133.13726840498816 133.13726840498816 0.0 0 1 158.46421982395267 293.55559198064975 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(247,229,78)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L158.46421982395267 293.55559198064975 A133.13726840498816 133.13726840498816 0.0 0 1 137.79412051973193 279.71094450268004 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(255,255,0)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M137.79412051973196 279.71094450268004 A133.13726840498816 133.13726840498816 0.0 0 1 221.89544734164696 43.36273159501184 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 43.36273159501184 A133.13726840498816 133.13726840498816 0.0 0 1 355.02415315566424 178.0099425905321 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M355.02415315566424 178.0099425905321 A133.13726840498816 133.13726840498816 0.0 0 1 344.00298037264065 229.55923685303668 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M344.00298037264065 229.55923685303668 A133.13726840498816 133.13726840498816 0.0 0 1 317.88754666700527 268.7553473000477 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M317.88754666700527 268.7553473000477 A133.13726840498816 133.13726840498816 0.0 0 1 280.9215825466081 295.8375364296897 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M280.9215825466081 295.8375364296897 A133.13726840498816 133.13726840498816 0.0 0 1 242.73335738074607 307.9964400413345 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M242.73335738074607 307.9964400413345 A133.13726840498816 133.13726840498816 0.0 0 1 207.47119813908026 308.8535918412648 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M207.47119813908026 308.8535918412648 A133.13726840498816 133.13726840498816 0.0 0 1 181.55468183068245 303.37850439034673 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M181.55468183068245 303.37850439034673 A133.13726840498816 133.13726840498816 0.0 0 1 158.46421982395267 293.55559198064975 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M158.46421982395267 293.55559198064975 A133.13726840498816 133.13726840498816 0.0 0 1 137.79412051973193 279.71094450268004 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L137.55723720421818 280.00165276680616 M221.89544734164696 176.5 L221.89544734164696 42.98773159501184 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L221.89544734164696 42.98773159501184 M221.89544734164696 176.5 L355.3991290379123 178.01419555800118 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L355.3991290379123 178.01419555800118 M221.89544734164696 176.5 L344.3469135585562 229.70868571929526 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L344.3469135585562 229.70868571929526 M221.89544734164696 176.5 L318.1579220298038 269.01519757076437 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L318.1579220298038 269.01519757076437 M221.89544734164696 176.5 L281.0878380283904 296.1736675272949 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L281.0878380283904 296.1736675272949 M221.89544734164696 176.5 L242.79205030991818 308.36681841552115 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L242.79205030991818 308.36681841552115 M221.89544734164696 176.5 L207.43057019533643 309.2263845050702 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L207.43057019533643 309.2263845050702 M221.89544734164696 176.5 L181.44105634288442 303.7358756937871 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L181.44105634288442 303.7358756937871 M221.89544734164696 176.5 L158.28555677487478 293.8852956580545 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L158.28555677487478 293.8852956580545 M221.89544734164696 176.5 L137.55723720421815 280.0016527668061 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <defs>\n",
       "          <clipPath id=\"cgdb7Xi\">\n",
       "            <rect x=\"0.0\" y=\"0.0\" width=\"443.7908946832939\" height=\"353.0\">\n",
       "            </rect>\n",
       "          </clipPath>\n",
       "        </defs>\n",
       "      </g>\n",
       "      <g>\n",
       "        <g transform=\"translate(0.0 353.0 ) \">\n",
       "        </g>\n",
       "        <g transform=\"\">\n",
       "        </g>\n",
       "      </g>\n",
       "    </g>\n",
       "    <g transform=\"translate(227.89544734164696 15.8 ) \">\n",
       "      <text style=\"font-size:16.0px;\" y=\"0.0\" class=\"plot-title\" text-anchor=\"middle\">\n",
       "        <tspan>GDP forecast 2025 (trillion US$) by country</tspan>\n",
       "      </text>\n",
       "    </g>\n",
       "    <g transform=\"translate(227.89544734164696 35.0 ) \">\n",
       "      <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"plot-subtitle\" text-anchor=\"middle\">\n",
       "        <tspan>Source: </tspan><a href=\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\" xlink:href=\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\" target=\"_blank\"><tspan class=\"hyperlink-element\">Wikipedia</tspan></a>\n",
       "      </text>\n",
       "    </g>\n",
       "    <g transform=\"translate(452.7908946832939 86.25 ) \">\n",
       "      <rect x=\"0.0\" y=\"0.0\" height=\"262.5\" width=\"144.2091053167061\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "      </rect>\n",
       "      <g transform=\"translate(5.0 5.0 ) \">\n",
       "        <g transform=\"translate(0.0 12.0 ) \">\n",
       "          <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"legend-title\">\n",
       "            <tspan>Country</tspan>\n",
       "          </text>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 22.5 ) \">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(0,0,255)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>United States</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 23.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(106,44,237)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>China</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 46.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(144,73,218)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>Germany</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 69.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(171,100,199)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>Japan</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 92.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(193,126,180)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>India</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 115.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(210,151,159)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>United Kingdom</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 138.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(224,177,137)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>France</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 161.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(237,203,111)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>Italy</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 184.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(247,229,78)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>Canada</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 207.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(255,255,0)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>Brazil</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "    </g>\n",
       "    <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 400.0 L600.0 400.0 L600.0 0.0 Z\" pointer-events=\"none\">\n",
       "    </path>\n",
       "  </g>\n",
       "  <g id=\"dF9pEk6\">\n",
       "  </g>\n",
       "</svg>\n",
       "                <script>document.getElementById(\"4129fe98-f283-4e91-8df7-27c02d0cf09e\").style.display = \"none\";</script>"
      ]
     },
     "execution_count": 5,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "p + geomPie(size=.6, sizeUnit=\"x\", stat=Stat.identity) {\n",
    "    slice=\"GDP_2025_Trillion_USD\"\n",
    "}"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "4382ac18-b018-4ed5-97ea-32fa2c7c0a37",
   "metadata": {},
   "source": [
    "#### 2. `direction`\n",
    "Use `1` for clockwise (default) or `-1` for counterclockwise."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "id": "10042f4d-0ff8-44e6-a287-baa77c8c3088",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2025-12-03T16:10:58.123463Z",
     "iopub.status.busy": "2025-12-03T16:10:58.123056Z",
     "iopub.status.idle": "2025-12-03T16:10:58.173389Z",
     "shell.execute_reply": "2025-12-03T16:10:58.173255Z"
    }
   },
   "outputs": [
    {
     "data": {
      "application/plot+json": {
       "apply_color_scheme": true,
       "output": {
        "data": {
         "Country": [
          "United States",
          "China",
          "Germany",
          "Japan",
          "India",
          "United Kingdom",
          "France",
          "Italy",
          "Canada",
          "Brazil"
         ],
         "GDP_2025_Trillion_USD": [
          30.34,
          19.53,
          4.92,
          4.39,
          4.27,
          3.73,
          3.28,
          2.46,
          2.33,
          2.31
         ]
        },
        "data_meta": {
         "series_annotations": [
          {
           "column": "Country",
           "type": "str"
          },
          {
           "column": "GDP_2025_Trillion_USD",
           "type": "float"
          }
         ]
        },
        "ggtitle": {
         "subtitle": "Source: <a href=\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\">Wikipedia</a>",
         "text": "GDP forecast 2025 (trillion US$) by country"
        },
        "kind": "plot",
        "layers": [
         {
          "direction": -1.0,
          "geom": "pie",
          "mapping": {
           "slice": "GDP_2025_Trillion_USD"
          },
          "position": "identity",
          "size": 0.6,
          "size_unit": "x",
          "stat": "identity"
         }
        ],
        "mapping": {
         "fill": "Country"
        },
        "scales": [
         {
          "aesthetic": "fill",
          "high": "yellow",
          "low": "blue",
          "scale_mapper_kind": "color_gradient"
         }
        ],
        "theme": {
         "axis": {
          "blank": true
         },
         "line": {
          "blank": true
         },
         "name": "classic",
         "plot_subtitle": {
          "blank": false,
          "hjust": 0.5
         },
         "plot_title": {
          "blank": false,
          "hjust": 0.5
         }
        }
       },
       "output_type": "lets_plot_spec",
       "swing_enabled": true
      },
      "text/html": [
       "   <div id=\"x7YJbW\" ></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"plot\">\n",
       "   \n",
       "   (function() {\n",
       "   // ----------\n",
       "   \n",
       "   const forceImmediateRender = false;\n",
       "   const responsive = false;\n",
       "   \n",
       "   let sizing = {\n",
       "       width_mode: \"MIN\",\n",
       "       height_mode: \"SCALED\",\n",
       "       width: null, \n",
       "       height: null \n",
       "   };\n",
       "   \n",
       "   const preferredWidth = document.body.dataset.letsPlotPreferredWidth;\n",
       "   if (preferredWidth !== undefined) {\n",
       "       sizing = {\n",
       "           width_mode: 'FIXED',\n",
       "           height_mode: 'SCALED',\n",
       "           width: parseFloat(preferredWidth)\n",
       "       };\n",
       "   }\n",
       "   \n",
       "   const containerDiv = document.getElementById(\"x7YJbW\");\n",
       "   let fig = null;\n",
       "   \n",
       "   function renderPlot() {\n",
       "       if (fig === null) {\n",
       "           const plotSpec = {\n",
       "\"ggtitle\":{\n",
       "\"text\":\"GDP forecast 2025 (trillion US$) by country\",\n",
       "\"subtitle\":\"Source: <a href=\\\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\\\">Wikipedia</a>\"\n",
       "},\n",
       "\"mapping\":{\n",
       "\"fill\":\"Country\"\n",
       "},\n",
       "\"data\":{\n",
       "\"Country\":[\"United States\",\"China\",\"Germany\",\"Japan\",\"India\",\"United Kingdom\",\"France\",\"Italy\",\"Canada\",\"Brazil\"],\n",
       "\"GDP_2025_Trillion_USD\":[30.34,19.53,4.92,4.39,4.27,3.73,3.28,2.46,2.33,2.31]\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"fill\",\n",
       "\"scale_mapper_kind\":\"color_gradient\",\n",
       "\"high\":\"yellow\",\n",
       "\"low\":\"blue\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"mapping\":{\n",
       "\"slice\":\"GDP_2025_Trillion_USD\"\n",
       "},\n",
       "\"stat\":\"identity\",\n",
       "\"size\":0.6,\n",
       "\"position\":\"identity\",\n",
       "\"geom\":\"pie\",\n",
       "\"size_unit\":\"x\",\n",
       "\"direction\":-1.0,\n",
       "\"data\":{\n",
       "}\n",
       "}],\n",
       "\"theme\":{\n",
       "\"name\":\"classic\",\n",
       "\"axis\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"line\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"plot_title\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "},\n",
       "\"plot_subtitle\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "}\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"series_annotations\":[{\n",
       "\"type\":\"str\",\n",
       "\"column\":\"Country\"\n",
       "},{\n",
       "\"type\":\"float\",\n",
       "\"column\":\"GDP_2025_Trillion_USD\"\n",
       "}]\n",
       "},\n",
       "\"spec_id\":\"3\"\n",
       "};\n",
       "           window.letsPlotCall(function() { fig = LetsPlot.buildPlotFromProcessedSpecs(plotSpec, containerDiv, sizing); });\n",
       "       } else {\n",
       "           fig.updateView({});\n",
       "       }\n",
       "   }\n",
       "   \n",
       "   const renderImmediately = \n",
       "       forceImmediateRender || (\n",
       "           sizing.width_mode === 'FIXED' && \n",
       "           (sizing.height_mode === 'FIXED' || sizing.height_mode === 'SCALED')\n",
       "       );\n",
       "   \n",
       "   if (renderImmediately) {\n",
       "       renderPlot();\n",
       "   }\n",
       "   \n",
       "   if (!renderImmediately || responsive) {\n",
       "       // Set up observer for initial sizing or continuous monitoring\n",
       "       var observer = new ResizeObserver(function(entries) {\n",
       "           for (let entry of entries) {\n",
       "               if (entry.contentBoxSize && \n",
       "                   entry.contentBoxSize[0].inlineSize > 0) {\n",
       "                   if (!responsive && observer) {\n",
       "                       observer.disconnect();\n",
       "                       observer = null;\n",
       "                   }\n",
       "                   renderPlot();\n",
       "                   if (!responsive) {\n",
       "                       break;\n",
       "                   }\n",
       "               }\n",
       "           }\n",
       "       });\n",
       "       \n",
       "       observer.observe(containerDiv);\n",
       "   }\n",
       "   \n",
       "   // ----------\n",
       "   })();\n",
       "   \n",
       "   </script>                <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" id=f2abddfc-2854-484f-ab0f-20926889d6eb width=\"100%\" height=\"100%\" style=\"max-width: 600.0px; max-height: 400.0px;\" viewBox=\"0 0 600.0 400.0\" preserveAspectRatio=\"xMinYMin meet\">\n",
       "  <style type=\"text/css\">\n",
       "  .plt-container {\n",
       "   font-family: sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#pakczn5 .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#pakczn5 .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pakczn5 .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pakczn5 .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "\n",
       "}\n",
       "#pakczn5 .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pakczn5 .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pakczn5 .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pakczn5 .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dyU0hkc .axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pakczn5 .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pakczn5 .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dyU0hkc .axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pakczn5 .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pakczn5 .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dyU0hkc .tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dyU0hkc .tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dyU0hkc .tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "  </style>\n",
       "  <g id=\"pakczn5\">\n",
       "    <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 400.0 L600.0 400.0 L600.0 0.0 Z\">\n",
       "    </path>\n",
       "    <g transform=\"translate(6.0 41.0 ) \">\n",
       "      <g>\n",
       "        <g transform=\"\">\n",
       "          <g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"\">\n",
       "          <g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g clip-path=\"url(#cv5EShY)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (443.7908946832939, 353.0)]\">\n",
       "        <g transform=\"\">\n",
       "          <g>\n",
       "            <g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L305.99677416356195 279.71094450268004 A133.13726840498816 133.13726840498816 0.0 0 1 285.3266748593412 293.55559198064975 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(255,255,0)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L285.3266748593412 293.55559198064975 A133.13726840498816 133.13726840498816 0.0 0 1 262.2362128526115 303.37850439034673 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(247,229,78)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L262.2362128526115 303.37850439034673 A133.13726840498816 133.13726840498816 0.0 0 1 236.31969654421368 308.8535918412648 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(237,203,111)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L236.31969654421368 308.8535918412648 A133.13726840498816 133.13726840498816 0.0 0 1 201.05753730254784 307.9964400413345 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(224,177,137)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L201.05753730254784 307.9964400413345 A133.13726840498816 133.13726840498816 0.0 0 1 162.86931213668586 295.8375364296897 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(210,151,159)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L162.86931213668586 295.8375364296897 A133.13726840498816 133.13726840498816 0.0 0 1 125.90334801628867 268.7553473000477 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(193,126,180)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L125.90334801628867 268.7553473000477 A133.13726840498816 133.13726840498816 0.0 0 1 99.78791431065328 229.55923685303668 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(171,100,199)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L99.78791431065328 229.55923685303668 A133.13726840498816 133.13726840498816 0.0 0 1 88.76674152762968 178.00994259053206 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(144,73,218)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L88.76674152762968 178.00994259053206 A133.13726840498816 133.13726840498816 0.0 0 1 221.89544734164693 43.36273159501184 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(106,44,237)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L221.89544734164693 43.36273159501184 A133.13726840498816 133.13726840498816 0.0 0 1 305.996774163562 279.71094450268004 L221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"rgb(0,0,255)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M305.99677416356195 279.71094450268004 A133.13726840498816 133.13726840498816 0.0 0 1 285.3266748593412 293.55559198064975 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M285.3266748593412 293.55559198064975 A133.13726840498816 133.13726840498816 0.0 0 1 262.2362128526115 303.37850439034673 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M262.2362128526115 303.37850439034673 A133.13726840498816 133.13726840498816 0.0 0 1 236.31969654421368 308.8535918412648 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M236.31969654421368 308.8535918412648 A133.13726840498816 133.13726840498816 0.0 0 1 201.05753730254784 307.9964400413345 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M201.05753730254784 307.9964400413345 A133.13726840498816 133.13726840498816 0.0 0 1 162.86931213668586 295.8375364296897 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M162.86931213668586 295.8375364296897 A133.13726840498816 133.13726840498816 0.0 0 1 125.90334801628867 268.7553473000477 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M125.90334801628867 268.7553473000477 A133.13726840498816 133.13726840498816 0.0 0 1 99.78791431065328 229.55923685303668 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M99.78791431065328 229.55923685303668 A133.13726840498816 133.13726840498816 0.0 0 1 88.76674152762968 178.00994259053206 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M88.76674152762968 178.00994259053206 A133.13726840498816 133.13726840498816 0.0 0 1 221.89544734164693 43.36273159501184 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164693 43.36273159501184 A133.13726840498816 133.13726840498816 0.0 0 1 305.996774163562 279.71094450268004 M221.89544734164696 176.5 A0.0 0.0 0.0 0 0 221.89544734164696 176.5 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L306.2336574790757 280.00165276680616 M221.89544734164696 176.5 L285.5053379084191 293.8852956580545 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L285.5053379084191 293.8852956580545 M221.89544734164696 176.5 L262.3498383404095 303.7358756937871 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L262.3498383404095 303.7358756937871 M221.89544734164696 176.5 L236.36032448795748 309.2263845050702 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L236.36032448795748 309.2263845050702 M221.89544734164696 176.5 L200.99884437337573 308.3668184155212 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L200.99884437337573 308.3668184155212 M221.89544734164696 176.5 L162.7030566549035 296.1736675272949 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L162.7030566549035 296.1736675272949 M221.89544734164696 176.5 L125.6329726534901 269.01519757076437 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L125.6329726534901 269.01519757076437 M221.89544734164696 176.5 L99.44398112473772 229.70868571929526 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L99.44398112473772 229.70868571929526 M221.89544734164696 176.5 L88.39176564538164 178.01419555800115 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L88.39176564538164 178.01419555800115 M221.89544734164696 176.5 L221.89544734164693 42.98773159501184 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M221.89544734164696 176.5 L221.89544734164693 42.98773159501184 M221.89544734164696 176.5 L306.23365747907576 280.00165276680616 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <defs>\n",
       "          <clipPath id=\"cv5EShY\">\n",
       "            <rect x=\"0.0\" y=\"0.0\" width=\"443.7908946832939\" height=\"353.0\">\n",
       "            </rect>\n",
       "          </clipPath>\n",
       "        </defs>\n",
       "      </g>\n",
       "      <g>\n",
       "        <g transform=\"translate(0.0 353.0 ) \">\n",
       "        </g>\n",
       "        <g transform=\"\">\n",
       "        </g>\n",
       "      </g>\n",
       "    </g>\n",
       "    <g transform=\"translate(227.89544734164696 15.8 ) \">\n",
       "      <text style=\"font-size:16.0px;\" y=\"0.0\" class=\"plot-title\" text-anchor=\"middle\">\n",
       "        <tspan>GDP forecast 2025 (trillion US$) by country</tspan>\n",
       "      </text>\n",
       "    </g>\n",
       "    <g transform=\"translate(227.89544734164696 35.0 ) \">\n",
       "      <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"plot-subtitle\" text-anchor=\"middle\">\n",
       "        <tspan>Source: </tspan><a href=\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\" xlink:href=\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\" target=\"_blank\"><tspan class=\"hyperlink-element\">Wikipedia</tspan></a>\n",
       "      </text>\n",
       "    </g>\n",
       "    <g transform=\"translate(452.7908946832939 86.25 ) \">\n",
       "      <rect x=\"0.0\" y=\"0.0\" height=\"262.5\" width=\"144.2091053167061\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "      </rect>\n",
       "      <g transform=\"translate(5.0 5.0 ) \">\n",
       "        <g transform=\"translate(0.0 12.0 ) \">\n",
       "          <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"legend-title\">\n",
       "            <tspan>Country</tspan>\n",
       "          </text>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 22.5 ) \">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(0,0,255)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>United States</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 23.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(106,44,237)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>China</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 46.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(144,73,218)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>Germany</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 69.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(171,100,199)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>Japan</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 92.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(193,126,180)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>India</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 115.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(210,151,159)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>United Kingdom</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 138.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(224,177,137)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>France</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 161.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(237,203,111)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>Italy</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 184.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(247,229,78)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>Canada</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 207.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(255,255,0)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "              <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                <tspan>Brazil</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "    </g>\n",
       "    <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 400.0 L600.0 400.0 L600.0 0.0 Z\" pointer-events=\"none\">\n",
       "    </path>\n",
       "  </g>\n",
       "  <g id=\"dyU0hkc\">\n",
       "  </g>\n",
       "</svg>\n",
       "                <script>document.getElementById(\"f2abddfc-2854-484f-ab0f-20926889d6eb\").style.display = \"none\";</script>"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "p + geomPie(size=.6, sizeUnit=\"x\", stat=Stat.identity,\n",
    "             direction=-1) {    // <-- counterclockwise \n",
    "    slice=\"GDP_2025_Trillion_USD\" \n",
    "}"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "e59fde8d-9125-4026-aaca-cd883ece4f22",
   "metadata": {},
   "source": [
    "#### 2. `start`\n",
    "Specifies the starting angle of the first slice in degrees."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "id": "2070d067-21a6-4d22-87d4-26fff9c700ec",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2025-12-03T16:10:58.174330Z",
     "iopub.status.busy": "2025-12-03T16:10:58.174159Z",
     "iopub.status.idle": "2025-12-03T16:10:58.276545Z",
     "shell.execute_reply": "2025-12-03T16:10:58.276676Z"
    }
   },
   "outputs": [
    {
     "data": {
      "application/plot+json": {
       "apply_color_scheme": true,
       "output": {
        "figures": [
         {
          "data": {
           "Country": [
            "United States",
            "China",
            "Germany",
            "Japan",
            "India",
            "United Kingdom",
            "France",
            "Italy",
            "Canada",
            "Brazil"
           ],
           "GDP_2025_Trillion_USD": [
            30.34,
            19.53,
            4.92,
            4.39,
            4.27,
            3.73,
            3.28,
            2.46,
            2.33,
            2.31
           ]
          },
          "data_meta": {
           "series_annotations": [
            {
             "column": "Country",
             "type": "str"
            },
            {
             "column": "GDP_2025_Trillion_USD",
             "type": "float"
            }
           ]
          },
          "ggtitle": {
           "text": "Auto"
          },
          "kind": "plot",
          "layers": [
           {
            "geom": "pie",
            "mapping": {
             "slice": "GDP_2025_Trillion_USD"
            },
            "position": "identity",
            "size": 0.6,
            "size_unit": "x",
            "stat": "identity"
           }
          ],
          "mapping": {
           "fill": "Country"
          },
          "scales": [
           {
            "aesthetic": "fill",
            "high": "yellow",
            "low": "blue",
            "scale_mapper_kind": "color_gradient"
           }
          ],
          "theme": {
           "axis": {
            "blank": true
           },
           "line": {
            "blank": true
           },
           "name": "classic",
           "plot_subtitle": {
            "blank": false,
            "hjust": 0.5
           },
           "plot_title": {
            "blank": false,
            "hjust": 0.5
           }
          }
         },
         {
          "data": {
           "Country": [
            "United States",
            "China",
            "Germany",
            "Japan",
            "India",
            "United Kingdom",
            "France",
            "Italy",
            "Canada",
            "Brazil"
           ],
           "GDP_2025_Trillion_USD": [
            30.34,
            19.53,
            4.92,
            4.39,
            4.27,
            3.73,
            3.28,
            2.46,
            2.33,
            2.31
           ]
          },
          "data_meta": {
           "series_annotations": [
            {
             "column": "Country",
             "type": "str"
            },
            {
             "column": "GDP_2025_Trillion_USD",
             "type": "float"
            }
           ]
          },
          "ggtitle": {
           "text": "start=0"
          },
          "kind": "plot",
          "layers": [
           {
            "geom": "pie",
            "mapping": {
             "slice": "GDP_2025_Trillion_USD"
            },
            "position": "identity",
            "size": 0.6,
            "size_unit": "x",
            "start": 0.0,
            "stat": "identity"
           }
          ],
          "mapping": {
           "fill": "Country"
          },
          "scales": [
           {
            "aesthetic": "fill",
            "high": "yellow",
            "low": "blue",
            "scale_mapper_kind": "color_gradient"
           }
          ],
          "theme": {
           "axis": {
            "blank": true
           },
           "line": {
            "blank": true
           },
           "name": "classic",
           "plot_subtitle": {
            "blank": false,
            "hjust": 0.5
           },
           "plot_title": {
            "blank": false,
            "hjust": 0.5
           }
          }
         },
         {
          "data": {
           "Country": [
            "United States",
            "China",
            "Germany",
            "Japan",
            "India",
            "United Kingdom",
            "France",
            "Italy",
            "Canada",
            "Brazil"
           ],
           "GDP_2025_Trillion_USD": [
            30.34,
            19.53,
            4.92,
            4.39,
            4.27,
            3.73,
            3.28,
            2.46,
            2.33,
            2.31
           ]
          },
          "data_meta": {
           "series_annotations": [
            {
             "column": "Country",
             "type": "str"
            },
            {
             "column": "GDP_2025_Trillion_USD",
             "type": "float"
            }
           ]
          },
          "ggtitle": {
           "text": "start=180"
          },
          "kind": "plot",
          "layers": [
           {
            "geom": "pie",
            "mapping": {
             "slice": "GDP_2025_Trillion_USD"
            },
            "position": "identity",
            "size": 0.6,
            "size_unit": "x",
            "start": 180.0,
            "stat": "identity"
           }
          ],
          "mapping": {
           "fill": "Country"
          },
          "scales": [
           {
            "aesthetic": "fill",
            "high": "yellow",
            "low": "blue",
            "scale_mapper_kind": "color_gradient"
           }
          ],
          "theme": {
           "axis": {
            "blank": true
           },
           "line": {
            "blank": true
           },
           "name": "classic",
           "plot_subtitle": {
            "blank": false,
            "hjust": 0.5
           },
           "plot_title": {
            "blank": false,
            "hjust": 0.5
           }
          }
         }
        ],
        "kind": "subplots",
        "layout": {
         "align": false,
         "fit": true,
         "name": "grid",
         "ncol": 3,
         "nrow": 1
        }
       },
       "output_type": "lets_plot_spec",
       "swing_enabled": true
      },
      "text/html": [
       "   <div id=\"EhNMzH\" ></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"plot\">\n",
       "   \n",
       "   (function() {\n",
       "   // ----------\n",
       "   \n",
       "   const forceImmediateRender = false;\n",
       "   const responsive = false;\n",
       "   \n",
       "   let sizing = {\n",
       "       width_mode: \"MIN\",\n",
       "       height_mode: \"SCALED\",\n",
       "       width: null, \n",
       "       height: null \n",
       "   };\n",
       "   \n",
       "   const preferredWidth = document.body.dataset.letsPlotPreferredWidth;\n",
       "   if (preferredWidth !== undefined) {\n",
       "       sizing = {\n",
       "           width_mode: 'FIXED',\n",
       "           height_mode: 'SCALED',\n",
       "           width: parseFloat(preferredWidth)\n",
       "       };\n",
       "   }\n",
       "   \n",
       "   const containerDiv = document.getElementById(\"EhNMzH\");\n",
       "   let fig = null;\n",
       "   \n",
       "   function renderPlot() {\n",
       "       if (fig === null) {\n",
       "           const plotSpec = {\n",
       "\"layout\":{\n",
       "\"name\":\"grid\",\n",
       "\"ncol\":3,\n",
       "\"nrow\":1,\n",
       "\"fit\":true,\n",
       "\"align\":false\n",
       "},\n",
       "\"figures\":[{\n",
       "\"ggtitle\":{\n",
       "\"text\":\"Auto\"\n",
       "},\n",
       "\"mapping\":{\n",
       "\"fill\":\"Country\"\n",
       "},\n",
       "\"data\":{\n",
       "\"Country\":[\"United States\",\"China\",\"Germany\",\"Japan\",\"India\",\"United Kingdom\",\"France\",\"Italy\",\"Canada\",\"Brazil\"],\n",
       "\"GDP_2025_Trillion_USD\":[30.34,19.53,4.92,4.39,4.27,3.73,3.28,2.46,2.33,2.31]\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"fill\",\n",
       "\"scale_mapper_kind\":\"color_gradient\",\n",
       "\"high\":\"yellow\",\n",
       "\"low\":\"blue\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"mapping\":{\n",
       "\"slice\":\"GDP_2025_Trillion_USD\"\n",
       "},\n",
       "\"stat\":\"identity\",\n",
       "\"size\":0.6,\n",
       "\"position\":\"identity\",\n",
       "\"geom\":\"pie\",\n",
       "\"size_unit\":\"x\",\n",
       "\"data\":{\n",
       "}\n",
       "}],\n",
       "\"theme\":{\n",
       "\"name\":\"classic\",\n",
       "\"axis\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"line\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"plot_title\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "},\n",
       "\"plot_subtitle\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "}\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"series_annotations\":[{\n",
       "\"type\":\"str\",\n",
       "\"column\":\"Country\"\n",
       "},{\n",
       "\"type\":\"float\",\n",
       "\"column\":\"GDP_2025_Trillion_USD\"\n",
       "}]\n",
       "},\n",
       "\"spec_id\":\"5\"\n",
       "},{\n",
       "\"ggtitle\":{\n",
       "\"text\":\"start=0\"\n",
       "},\n",
       "\"mapping\":{\n",
       "\"fill\":\"Country\"\n",
       "},\n",
       "\"data\":{\n",
       "\"Country\":[\"United States\",\"China\",\"Germany\",\"Japan\",\"India\",\"United Kingdom\",\"France\",\"Italy\",\"Canada\",\"Brazil\"],\n",
       "\"GDP_2025_Trillion_USD\":[30.34,19.53,4.92,4.39,4.27,3.73,3.28,2.46,2.33,2.31]\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"fill\",\n",
       "\"scale_mapper_kind\":\"color_gradient\",\n",
       "\"high\":\"yellow\",\n",
       "\"low\":\"blue\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"mapping\":{\n",
       "\"slice\":\"GDP_2025_Trillion_USD\"\n",
       "},\n",
       "\"stat\":\"identity\",\n",
       "\"size\":0.6,\n",
       "\"start\":0.0,\n",
       "\"position\":\"identity\",\n",
       "\"geom\":\"pie\",\n",
       "\"size_unit\":\"x\",\n",
       "\"data\":{\n",
       "}\n",
       "}],\n",
       "\"theme\":{\n",
       "\"name\":\"classic\",\n",
       "\"axis\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"line\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"plot_title\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "},\n",
       "\"plot_subtitle\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "}\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"series_annotations\":[{\n",
       "\"type\":\"str\",\n",
       "\"column\":\"Country\"\n",
       "},{\n",
       "\"type\":\"float\",\n",
       "\"column\":\"GDP_2025_Trillion_USD\"\n",
       "}]\n",
       "},\n",
       "\"spec_id\":\"6\"\n",
       "},{\n",
       "\"ggtitle\":{\n",
       "\"text\":\"start=180\"\n",
       "},\n",
       "\"mapping\":{\n",
       "\"fill\":\"Country\"\n",
       "},\n",
       "\"data\":{\n",
       "\"Country\":[\"United States\",\"China\",\"Germany\",\"Japan\",\"India\",\"United Kingdom\",\"France\",\"Italy\",\"Canada\",\"Brazil\"],\n",
       "\"GDP_2025_Trillion_USD\":[30.34,19.53,4.92,4.39,4.27,3.73,3.28,2.46,2.33,2.31]\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"fill\",\n",
       "\"scale_mapper_kind\":\"color_gradient\",\n",
       "\"high\":\"yellow\",\n",
       "\"low\":\"blue\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"mapping\":{\n",
       "\"slice\":\"GDP_2025_Trillion_USD\"\n",
       "},\n",
       "\"stat\":\"identity\",\n",
       "\"size\":0.6,\n",
       "\"start\":180.0,\n",
       "\"position\":\"identity\",\n",
       "\"geom\":\"pie\",\n",
       "\"size_unit\":\"x\",\n",
       "\"data\":{\n",
       "}\n",
       "}],\n",
       "\"theme\":{\n",
       "\"name\":\"classic\",\n",
       "\"axis\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"line\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"plot_title\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "},\n",
       "\"plot_subtitle\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "}\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"series_annotations\":[{\n",
       "\"type\":\"str\",\n",
       "\"column\":\"Country\"\n",
       "},{\n",
       "\"type\":\"float\",\n",
       "\"column\":\"GDP_2025_Trillion_USD\"\n",
       "}]\n",
       "},\n",
       "\"spec_id\":\"7\"\n",
       "}],\n",
       "\"kind\":\"subplots\"\n",
       "};\n",
       "           window.letsPlotCall(function() { fig = LetsPlot.buildPlotFromProcessedSpecs(plotSpec, containerDiv, sizing); });\n",
       "       } else {\n",
       "           fig.updateView({});\n",
       "       }\n",
       "   }\n",
       "   \n",
       "   const renderImmediately = \n",
       "       forceImmediateRender || (\n",
       "           sizing.width_mode === 'FIXED' && \n",
       "           (sizing.height_mode === 'FIXED' || sizing.height_mode === 'SCALED')\n",
       "       );\n",
       "   \n",
       "   if (renderImmediately) {\n",
       "       renderPlot();\n",
       "   }\n",
       "   \n",
       "   if (!renderImmediately || responsive) {\n",
       "       // Set up observer for initial sizing or continuous monitoring\n",
       "       var observer = new ResizeObserver(function(entries) {\n",
       "           for (let entry of entries) {\n",
       "               if (entry.contentBoxSize && \n",
       "                   entry.contentBoxSize[0].inlineSize > 0) {\n",
       "                   if (!responsive && observer) {\n",
       "                       observer.disconnect();\n",
       "                       observer = null;\n",
       "                   }\n",
       "                   renderPlot();\n",
       "                   if (!responsive) {\n",
       "                       break;\n",
       "                   }\n",
       "               }\n",
       "           }\n",
       "       });\n",
       "       \n",
       "       observer.observe(containerDiv);\n",
       "   }\n",
       "   \n",
       "   // ----------\n",
       "   })();\n",
       "   \n",
       "   </script>                <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" id=d542c89f-a816-4ae2-8dc2-bd66f6e3fd58 width=\"100%\" height=\"100%\" style=\"max-width: 1200.0px; max-height: 400.0px;\" viewBox=\"0 0 1200.0 400.0\" preserveAspectRatio=\"xMinYMin meet\">\n",
       "  <style type=\"text/css\">\n",
       "  .plt-container {\n",
       "   font-family: sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#p8VcJd6 .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#p8VcJd6 .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p8VcJd6 .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p8VcJd6 .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "\n",
       "}\n",
       "#p8VcJd6 .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p8VcJd6 .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p8VcJd6 .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p8VcJd6 .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       ".axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p8VcJd6 .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p8VcJd6 .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       ".axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p8VcJd6 .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p8VcJd6 .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       ".tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       ".tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       ".tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "  </style>\n",
       "  <g id=\"p8VcJd6\">\n",
       "    <rect x=\"0.0\" y=\"0.0\" height=\"400.0\" width=\"1200.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\">\n",
       "    </rect>\n",
       "  </g>\n",
       "  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" width=\"393.3333333333333\" height=\"388.0\" x=\"6.0\" y=\"6.0\">\n",
       "    <style type=\"text/css\">\n",
       "    .plt-container {\n",
       "   font-family: sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#peCyJLI .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#peCyJLI .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#peCyJLI .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#peCyJLI .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "\n",
       "}\n",
       "#peCyJLI .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#peCyJLI .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#peCyJLI .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#peCyJLI .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#drWCO9y .axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#peCyJLI .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#peCyJLI .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#drWCO9y .axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#peCyJLI .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#peCyJLI .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#drWCO9y .tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#drWCO9y .tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#drWCO9y .tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "    </style>\n",
       "    <g id=\"peCyJLI\">\n",
       "      <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 388.0 L393.3333333333333 388.0 L393.3333333333333 0.0 Z\">\n",
       "      </path>\n",
       "      <g transform=\"translate(6.0 22.0 ) \">\n",
       "        <g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g clip-path=\"url(#cHlTeKs)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (237.12422801662723, 360.0)]\">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L73.62549535133923 235.14717816716453 A71.13726840498816 71.13726840498816 0.0 0 1 118.56211400831361 108.86273159501184 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(0,0,255)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L118.56211400831361 108.86273159501184 A71.13726840498816 71.13726840498816 0.0 0 1 189.69480729065253 180.8067853023097 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(106,44,237)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L189.69480729065253 180.8067853023097 A71.13726840498816 71.13726840498816 0.0 0 1 183.80602696793468 208.35035763161935 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(144,73,218)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L183.80602696793468 208.35035763161935 A71.13726840498816 71.13726840498816 0.0 0 1 169.85215335097487 229.2934358748869 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(171,100,199)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L169.85215335097487 229.2934358748869 A71.13726840498816 71.13726840498816 0.0 0 1 150.1006762252557 243.76386162562144 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(193,126,180)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L150.1006762252557 243.76386162562144 A71.13726840498816 71.13726840498816 0.0 0 1 129.69612642429055 250.2605488424635 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(210,151,159)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L129.69612642429055 250.2605488424635 A71.13726840498816 71.13726840498816 0.0 0 1 110.85501817139031 250.71853809210006 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(224,177,137)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L110.85501817139031 250.71853809210006 A71.13726840498816 71.13726840498816 0.0 0 1 97.0074291466205 247.79311555487345 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(237,203,111)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L97.0074291466205 247.79311555487345 A71.13726840498816 71.13726840498816 0.0 0 1 84.66984393816224 242.54458398306963 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(247,229,78)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L84.66984393816224 242.54458398306963 A71.13726840498816 71.13726840498816 0.0 0 1 73.62549535133921 235.14717816716453 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(255,255,0)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M73.62549535133923 235.14717816716453 A71.13726840498816 71.13726840498816 0.0 0 1 118.56211400831361 108.86273159501184 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 108.86273159501184 A71.13726840498816 71.13726840498816 0.0 0 1 189.69480729065253 180.8067853023097 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M189.69480729065253 180.8067853023097 A71.13726840498816 71.13726840498816 0.0 0 1 183.80602696793468 208.35035763161935 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M183.80602696793468 208.35035763161935 A71.13726840498816 71.13726840498816 0.0 0 1 169.85215335097487 229.2934358748869 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M169.85215335097487 229.2934358748869 A71.13726840498816 71.13726840498816 0.0 0 1 150.1006762252557 243.76386162562144 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M150.1006762252557 243.76386162562144 A71.13726840498816 71.13726840498816 0.0 0 1 129.69612642429055 250.2605488424635 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M129.69612642429055 250.2605488424635 A71.13726840498816 71.13726840498816 0.0 0 1 110.85501817139031 250.71853809210006 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M110.85501817139031 250.71853809210006 A71.13726840498816 71.13726840498816 0.0 0 1 97.0074291466205 247.79311555487345 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M97.0074291466205 247.79311555487345 A71.13726840498816 71.13726840498816 0.0 0 1 84.66984393816224 242.54458398306963 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M84.66984393816224 242.54458398306963 A71.13726840498816 71.13726840498816 0.0 0 1 73.62549535133921 235.14717816716453 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L73.38861203582547 235.43788643129062 M118.56211400831361 180.0 L118.56211400831361 108.48773159501184 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L118.56211400831361 108.48773159501184 M118.56211400831361 180.0 L190.0697831729006 180.81103826977878 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L190.0697831729006 180.81103826977878 M118.56211400831361 180.0 L184.14996015385026 208.49980649787793 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L184.14996015385026 208.49980649787793 M118.56211400831361 180.0 L170.12252871377345 229.5532861456036 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L170.12252871377345 229.5532861456036 M118.56211400831361 180.0 L150.26693170703808 244.0999927232267 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L150.26693170703808 244.0999927232267 M118.56211400831361 180.0 L129.75481935346266 250.6309272166502 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L129.75481935346266 250.6309272166502 M118.56211400831361 180.0 L110.8143902276465 251.0913307559055 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L110.8143902276465 251.0913307559055 M118.56211400831361 180.0 L96.89380365882248 248.1504868583138 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L96.89380365882248 248.1504868583138 M118.56211400831361 180.0 L84.49118088908436 242.87428766047435 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L84.49118088908436 242.87428766047435 M118.56211400831361 180.0 L73.38861203582546 235.43788643129062 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <defs>\n",
       "            <clipPath id=\"cHlTeKs\">\n",
       "              <rect x=\"0.0\" y=\"0.0\" width=\"237.12422801662723\" height=\"360.0\">\n",
       "              </rect>\n",
       "            </clipPath>\n",
       "          </defs>\n",
       "        </g>\n",
       "        <g>\n",
       "          <g transform=\"translate(0.0 360.0 ) \">\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g transform=\"translate(124.56211400831361 15.8 ) \">\n",
       "        <text style=\"font-size:16.0px;\" y=\"0.0\" class=\"plot-title\" text-anchor=\"middle\">\n",
       "          <tspan>Auto</tspan>\n",
       "        </text>\n",
       "      </g>\n",
       "      <g transform=\"translate(246.12422801662723 70.75 ) \">\n",
       "        <rect x=\"0.0\" y=\"0.0\" height=\"262.5\" width=\"144.2091053167061\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "        </rect>\n",
       "        <g transform=\"translate(5.0 5.0 ) \">\n",
       "          <g transform=\"translate(0.0 12.0 ) \">\n",
       "            <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"legend-title\">\n",
       "              <tspan>Country</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 22.5 ) \">\n",
       "            <g transform=\"\">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(0,0,255)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>United States</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 23.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(106,44,237)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>China</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 46.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(144,73,218)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>Germany</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 69.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(171,100,199)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>Japan</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 92.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(193,126,180)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>India</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 115.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(210,151,159)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>United Kingdom</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 138.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(224,177,137)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>France</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 161.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(237,203,111)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>Italy</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 184.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(247,229,78)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>Canada</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 207.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(255,255,0)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>Brazil</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 388.0 L393.3333333333333 388.0 L393.3333333333333 0.0 Z\" pointer-events=\"none\">\n",
       "      </path>\n",
       "    </g>\n",
       "    <g id=\"drWCO9y\">\n",
       "    </g>\n",
       "  </svg>\n",
       "  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" width=\"393.3333333333333\" height=\"388.0\" x=\"403.3333333333333\" y=\"6.0\">\n",
       "    <style type=\"text/css\">\n",
       "    .plt-container {\n",
       "   font-family: sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#pS0jyX4 .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#pS0jyX4 .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pS0jyX4 .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pS0jyX4 .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "\n",
       "}\n",
       "#pS0jyX4 .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pS0jyX4 .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pS0jyX4 .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pS0jyX4 .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dXezyzX .axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pS0jyX4 .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pS0jyX4 .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dXezyzX .axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pS0jyX4 .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pS0jyX4 .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dXezyzX .tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dXezyzX .tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dXezyzX .tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "    </style>\n",
       "    <g id=\"pS0jyX4\">\n",
       "      <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 388.0 L393.3333333333333 388.0 L393.3333333333333 0.0 Z\">\n",
       "      </path>\n",
       "      <g transform=\"translate(6.0 22.0 ) \">\n",
       "        <g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g clip-path=\"url(#c0tWqnj)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (237.12422801662723, 360.0)]\">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L118.56211400831361 108.86273159501184 A71.13726840498816 71.13726840498816 0.0 0 1 163.498732665288 235.14717816716453 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(0,0,255)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L163.498732665288 235.14717816716453 A71.13726840498816 71.13726840498816 0.0 0 1 62.90884530420148 224.30829085703056 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(106,44,237)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L62.90884530420148 224.30829085703056 A71.13726840498816 71.13726840498816 0.0 0 1 50.074990293474784 199.2360297720628 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(144,73,218)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L50.074990293474784 199.2360297720628 A71.13726840498816 71.13726840498816 0.0 0 1 47.66283180198735 174.18598772352212 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(171,100,199)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L47.66283180198735 174.18598772352212 A71.13726840498816 71.13726840498816 0.0 0 1 53.8338056697597 150.49140708619913 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(193,126,180)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L53.8338056697597 150.49140708619913 A71.13726840498816 71.13726840498816 0.0 0 1 65.54797752344454 132.5657055614084 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(210,151,159)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L65.54797752344454 132.5657055614084 A71.13726840498816 71.13726840498816 0.0 0 1 79.86471315674865 120.30894435967289 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(224,177,137)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L79.86471315674865 120.30894435967289 A71.13726840498816 71.13726840498816 0.0 0 1 92.44762611040036 113.82942891320138 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(237,203,111)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L92.44762611040036 113.82942891320138 A71.13726840498816 71.13726840498816 0.0 0 1 105.32743288311042 110.10469134743364 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(247,229,78)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L105.32743288311042 110.10469134743364 A71.13726840498816 71.13726840498816 0.0 0 1 118.56211400831367 108.86273159501184 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(255,255,0)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 108.86273159501184 A71.13726840498816 71.13726840498816 0.0 0 1 163.498732665288 235.14717816716453 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M163.498732665288 235.14717816716453 A71.13726840498816 71.13726840498816 0.0 0 1 62.90884530420148 224.30829085703056 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M62.90884530420148 224.30829085703056 A71.13726840498816 71.13726840498816 0.0 0 1 50.074990293474784 199.2360297720628 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M50.074990293474784 199.2360297720628 A71.13726840498816 71.13726840498816 0.0 0 1 47.66283180198735 174.18598772352212 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M47.66283180198735 174.18598772352212 A71.13726840498816 71.13726840498816 0.0 0 1 53.8338056697597 150.49140708619913 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M53.8338056697597 150.49140708619913 A71.13726840498816 71.13726840498816 0.0 0 1 65.54797752344454 132.5657055614084 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M65.54797752344454 132.5657055614084 A71.13726840498816 71.13726840498816 0.0 0 1 79.86471315674865 120.30894435967289 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M79.86471315674865 120.30894435967289 A71.13726840498816 71.13726840498816 0.0 0 1 92.44762611040036 113.82942891320138 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M92.44762611040036 113.82942891320138 A71.13726840498816 71.13726840498816 0.0 0 1 105.32743288311042 110.10469134743364 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M105.32743288311042 110.10469134743364 A71.13726840498816 71.13726840498816 0.0 0 1 118.56211400831367 108.86273159501184 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L118.56211400831361 108.48773159501184 M118.56211400831361 180.0 L163.73561598080175 235.43788643129062 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L163.73561598080175 235.43788643129062 M118.56211400831361 180.0 L62.61546918459525 224.541861943522 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L62.61546918459525 224.541861943522 M118.56211400831361 180.0 L49.71396052709618 199.33743247315414 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L49.71396052709618 199.33743247315414 M118.56211400831361 180.0 L47.28908634586428 174.15533916682932 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L47.28908634586428 174.15533916682932 M118.56211400831361 180.0 L53.49259049280393 150.335852584448 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L53.49259049280393 150.335852584448 M118.56211400831361 180.0 L65.26851358523643 132.31565575188796 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L65.26851358523643 132.31565575188796 M118.56211400831361 180.0 L79.66071986821356 119.99428305249859 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L79.66071986821356 119.99428305249859 M118.56211400831361 180.0 L92.3099636279732 113.48061085040648 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L92.3099636279732 113.48061085040648 M118.56211400831361 180.0 L105.25766628209763 109.73623833634116 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L105.25766628209763 109.73623833634116 M118.56211400831361 180.0 L118.56211400831367 108.48773159501184 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <defs>\n",
       "            <clipPath id=\"c0tWqnj\">\n",
       "              <rect x=\"0.0\" y=\"0.0\" width=\"237.12422801662723\" height=\"360.0\">\n",
       "              </rect>\n",
       "            </clipPath>\n",
       "          </defs>\n",
       "        </g>\n",
       "        <g>\n",
       "          <g transform=\"translate(0.0 360.0 ) \">\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g transform=\"translate(124.56211400831361 15.8 ) \">\n",
       "        <text style=\"font-size:16.0px;\" y=\"0.0\" class=\"plot-title\" text-anchor=\"middle\">\n",
       "          <tspan>start=0</tspan>\n",
       "        </text>\n",
       "      </g>\n",
       "      <g transform=\"translate(246.12422801662723 70.75 ) \">\n",
       "        <rect x=\"0.0\" y=\"0.0\" height=\"262.5\" width=\"144.2091053167061\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "        </rect>\n",
       "        <g transform=\"translate(5.0 5.0 ) \">\n",
       "          <g transform=\"translate(0.0 12.0 ) \">\n",
       "            <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"legend-title\">\n",
       "              <tspan>Country</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 22.5 ) \">\n",
       "            <g transform=\"\">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(0,0,255)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>United States</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 23.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(106,44,237)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>China</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 46.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(144,73,218)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>Germany</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 69.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(171,100,199)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>Japan</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 92.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(193,126,180)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>India</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 115.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(210,151,159)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>United Kingdom</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 138.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(224,177,137)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>France</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 161.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(237,203,111)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>Italy</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 184.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(247,229,78)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>Canada</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 207.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(255,255,0)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>Brazil</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 388.0 L393.3333333333333 388.0 L393.3333333333333 0.0 Z\" pointer-events=\"none\">\n",
       "      </path>\n",
       "    </g>\n",
       "    <g id=\"dXezyzX\">\n",
       "    </g>\n",
       "  </svg>\n",
       "  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" width=\"393.3333333333333\" height=\"388.0\" x=\"800.6666666666666\" y=\"6.0\">\n",
       "    <style type=\"text/css\">\n",
       "    .plt-container {\n",
       "   font-family: sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#pAb8w9I .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#pAb8w9I .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pAb8w9I .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pAb8w9I .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "\n",
       "}\n",
       "#pAb8w9I .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pAb8w9I .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pAb8w9I .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pAb8w9I .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dHpvjB1 .axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pAb8w9I .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pAb8w9I .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dHpvjB1 .axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pAb8w9I .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pAb8w9I .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dHpvjB1 .tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dHpvjB1 .tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dHpvjB1 .tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "font-style: normal;\n",
       "font-family: sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "    </style>\n",
       "    <g id=\"pAb8w9I\">\n",
       "      <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 388.0 L393.3333333333333 388.0 L393.3333333333333 0.0 Z\">\n",
       "      </path>\n",
       "      <g transform=\"translate(6.0 22.0 ) \">\n",
       "        <g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g clip-path=\"url(#cGoWPSN)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (237.12422801662723, 360.0)]\">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L118.56211400831361 251.13726840498816 A71.13726840498816 71.13726840498816 0.0 0 1 73.62549535133923 124.85282183283547 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(0,0,255)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L73.62549535133923 124.85282183283547 A71.13726840498816 71.13726840498816 0.0 0 1 174.21538271242576 135.69170914296942 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(106,44,237)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L174.21538271242576 135.69170914296942 A71.13726840498816 71.13726840498816 0.0 0 1 187.04923772315243 160.76397022793716 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(144,73,218)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L187.04923772315243 160.76397022793716 A71.13726840498816 71.13726840498816 0.0 0 1 189.46139621463988 185.8140122764779 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(171,100,199)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L189.46139621463988 185.8140122764779 A71.13726840498816 71.13726840498816 0.0 0 1 183.29042234686753 209.50859291380084 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(193,126,180)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L183.29042234686753 209.50859291380084 A71.13726840498816 71.13726840498816 0.0 0 1 171.57625049318273 227.43429443859156 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(210,151,159)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L171.57625049318273 227.43429443859156 A71.13726840498816 71.13726840498816 0.0 0 1 157.25951485987864 239.69105564032708 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(224,177,137)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L157.25951485987864 239.69105564032708 A71.13726840498816 71.13726840498816 0.0 0 1 144.67660190622695 246.1705710867986 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(237,203,111)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L144.67660190622695 246.1705710867986 A71.13726840498816 71.13726840498816 0.0 0 1 131.79679513351687 249.89530865256634 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(247,229,78)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L131.79679513351687 249.89530865256634 A71.13726840498816 71.13726840498816 0.0 0 1 118.56211400831364 251.13726840498816 L118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"rgb(255,255,0)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 251.13726840498816 A71.13726840498816 71.13726840498816 0.0 0 1 73.62549535133923 124.85282183283547 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M73.62549535133923 124.85282183283547 A71.13726840498816 71.13726840498816 0.0 0 1 174.21538271242576 135.69170914296942 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M174.21538271242576 135.69170914296942 A71.13726840498816 71.13726840498816 0.0 0 1 187.04923772315243 160.76397022793716 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M187.04923772315243 160.76397022793716 A71.13726840498816 71.13726840498816 0.0 0 1 189.46139621463988 185.8140122764779 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M189.46139621463988 185.8140122764779 A71.13726840498816 71.13726840498816 0.0 0 1 183.29042234686753 209.50859291380084 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M183.29042234686753 209.50859291380084 A71.13726840498816 71.13726840498816 0.0 0 1 171.57625049318273 227.43429443859156 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M171.57625049318273 227.43429443859156 A71.13726840498816 71.13726840498816 0.0 0 1 157.25951485987864 239.69105564032708 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M157.25951485987864 239.69105564032708 A71.13726840498816 71.13726840498816 0.0 0 1 144.67660190622695 246.1705710867986 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M144.67660190622695 246.1705710867986 A71.13726840498816 71.13726840498816 0.0 0 1 131.79679513351687 249.89530865256634 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M131.79679513351687 249.89530865256634 A71.13726840498816 71.13726840498816 0.0 0 1 118.56211400831364 251.13726840498816 M118.56211400831361 180.0 A0.0 0.0 0.0 0 0 118.56211400831361 180.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L118.56211400831361 251.51226840498816 M118.56211400831361 180.0 L73.38861203582547 124.56211356870938 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L73.38861203582547 124.56211356870938 M118.56211400831361 180.0 L174.508758832032 135.458138056478 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L174.508758832032 135.458138056478 M118.56211400831361 180.0 L187.41026748953104 160.66256752684586 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L187.41026748953104 160.66256752684586 M118.56211400831361 180.0 L189.83514167076294 185.84466083317068 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L189.83514167076294 185.84466083317068 M118.56211400831361 180.0 L183.63163752382331 209.664147415552 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L183.63163752382331 209.664147415552 M118.56211400831361 180.0 L171.85571443139082 227.684344248112 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L171.85571443139082 227.684344248112 M118.56211400831361 180.0 L157.46350814841372 240.00571694750136 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L157.46350814841372 240.00571694750136 M118.56211400831361 180.0 L144.8142643886541 246.5193891495935 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L144.8142643886541 246.5193891495935 M118.56211400831361 180.0 L131.86656173452968 250.26376166365884 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M118.56211400831361 180.0 L131.86656173452968 250.26376166365884 M118.56211400831361 180.0 L118.56211400831364 251.51226840498816 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <defs>\n",
       "            <clipPath id=\"cGoWPSN\">\n",
       "              <rect x=\"0.0\" y=\"0.0\" width=\"237.12422801662723\" height=\"360.0\">\n",
       "              </rect>\n",
       "            </clipPath>\n",
       "          </defs>\n",
       "        </g>\n",
       "        <g>\n",
       "          <g transform=\"translate(0.0 360.0 ) \">\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g transform=\"translate(124.56211400831361 15.8 ) \">\n",
       "        <text style=\"font-size:16.0px;\" y=\"0.0\" class=\"plot-title\" text-anchor=\"middle\">\n",
       "          <tspan>start=180</tspan>\n",
       "        </text>\n",
       "      </g>\n",
       "      <g transform=\"translate(246.12422801662723 70.75 ) \">\n",
       "        <rect x=\"0.0\" y=\"0.0\" height=\"262.5\" width=\"144.2091053167061\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "        </rect>\n",
       "        <g transform=\"translate(5.0 5.0 ) \">\n",
       "          <g transform=\"translate(0.0 12.0 ) \">\n",
       "            <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"legend-title\">\n",
       "              <tspan>Country</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 22.5 ) \">\n",
       "            <g transform=\"\">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(0,0,255)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>United States</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 23.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(106,44,237)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>China</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 46.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(144,73,218)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>Germany</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 69.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(171,100,199)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>Japan</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 92.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(193,126,180)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>India</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 115.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(210,151,159)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>United Kingdom</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 138.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(224,177,137)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>France</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 161.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(237,203,111)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>Italy</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 184.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(247,229,78)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>Canada</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 207.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(255,255,0)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 11.5 ) \">\n",
       "                <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
       "                  <tspan>Brazil</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 388.0 L393.3333333333333 388.0 L393.3333333333333 0.0 Z\" pointer-events=\"none\">\n",
       "      </path>\n",
       "    </g>\n",
       "    <g id=\"dHpvjB1\">\n",
       "    </g>\n",
       "  </svg>\n",
       "</svg>\n",
       "                <script>document.getElementById(\"d542c89f-a816-4ae2-8dc2-bd66f6e3fd58\").style.display = \"none\";</script>"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "gggrid(listOf(\n",
    "    p + geomPie(size=.6, sizeUnit=\"x\", stat=Stat.identity) { slice=\"GDP_2025_Trillion_USD\" } + ggtitle(\"Auto\"),\n",
    "    p + geomPie(size=.6, sizeUnit=\"x\", stat=Stat.identity, start=0) { slice=\"GDP_2025_Trillion_USD\" } + ggtitle(\"start=0\"),\n",
    "    p + geomPie(size=.6, sizeUnit=\"x\", stat=Stat.identity, start=180) { slice=\"GDP_2025_Trillion_USD\" } + ggtitle(\"start=180\")\n",
    "))"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Kotlin",
   "language": "kotlin",
   "name": "kotlin"
  },
  "language_info": {
   "codemirror_mode": "text/x-kotlin",
   "file_extension": ".kt",
   "mimetype": "text/x-kotlin",
   "name": "kotlin",
   "nbconvert_exporter": "",
   "pygments_lexer": "kotlin",
   "version": "2.2.20-Beta2"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}
