source/kotlin_examples/cookbook/geom_pie

{ "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", "\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 }

source/kotlin_examples/cookbook/geom_pie_params.ipynb (4,436 lines of code) (raw):