{ "cells": [ { "cell_type": "code", "execution_count": 1, "id": "1f943ba7-352d-4358-8c80-5a397ecc7c0f", "metadata": {}, "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=\"9EqcCU\"></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.6.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(\"9EqcCU\").appendChild(div);\n", " };\n", " var e = document.getElementById(\"9EqcCU\");\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.6.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": "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": 2, "id": "83168fbc-3b0d-4899-998b-5339d4edc47f", "metadata": {}, "outputs": [ { "data": { "application/kotlindataframe+json": "{\"nrow\":3,\"ncol\":2,\"columns\":[\"Country\",\"GDP_2025_Trillion_USD\"],\"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_-1660944384\"></table>\n", "\n", "<p class=\"dataframe_description\">DataFrame: rowsCount = 3, columnsCount = 2</p>\n", "<table class=\"dataframe\" id=\"static_df_-1660944383\"><thead><tr><th class=\"bottomBorder\" style=\"text-align:left\">Country</th><th class=\"bottomBorder\" style=\"text-align:left\">GDP_2025_Trillion_USD</th></tr></thead><tbody><tr><td style=\"vertical-align:top\">United States</td><td style=\"vertical-align:top\">30.340000</td></tr><tr><td style=\"vertical-align:top\">China</td><td style=\"vertical-align:top\">19.530000</td></tr><tr><td style=\"vertical-align:top\">Germany</td><td style=\"vertical-align:top\">4.920000</td></tr></tbody></table>\n", " </body>\n", " <script>\n", " /*<!--*/\n", "call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: \"<span title=\\\"Country: String\\\">Country</span>\", children: [], rightAlign: false, values: [\"United States\",\"China\",\"Germany\"] }, \n", "{ name: \"<span title=\\\"GDP_2025_Trillion_USD: Double\\\">GDP_2025_Trillion_USD</span>\", children: [], rightAlign: true, values: [\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">30.34</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">19.53</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">4.92</span></span>\"] }, \n", "], id: -1660944384, rootId: -1660944384, totalRows: 3 } ) });\n", "/*-->*/\n", "\n", "call_DataFrame(function() { DataFrame.renderTable(-1660944384) });\n", "\n", "document.getElementById(\"static_df_-1660944383\").style.display = \"none\";\n", " </script>\n", " </html>" ] }, "execution_count": 2, "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": 3, "id": "9005245d-7b76-4c98-a560-1cc124b3d75e", "metadata": {}, "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))\n" ] }, { "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": 4, "id": "d97a17aa-aaa6-4c00-b52e-3d728f12d7b3", "metadata": {}, "outputs": [ { "data": { "text/html": [ " <div id=\"7zEKfX\"></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.6.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(\"7zEKfX\").appendChild(div);\n", " };\n", " var e = document.getElementById(\"7zEKfX\");\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=\"DxlqG8\"></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(\"DxlqG8\");\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=bdbc3f4d-ef51-4197-a5a5-f5cd6ea499c8 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: Lucida Grande, 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", "#p7sL5kW .plot-title {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 16.0px;\n", "\n", "}\n", "#p7sL5kW .plot-subtitle {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#p7sL5kW .plot-caption {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#p7sL5kW .hyperlink-element {\n", "fill: #118ed8;\n", "font-weight: normal;\n", " font-style: normal;\n", "}\n", "#p7sL5kW .legend-title {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#p7sL5kW .legend-item {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#p7sL5kW .axis-title-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#p7sL5kW .axis-text-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dFf9HwO .axis-tooltip-text-x {\n", "fill: #ffffff;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#p7sL5kW .axis-title-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#p7sL5kW .axis-text-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dFf9HwO .axis-tooltip-text-y {\n", "fill: #ffffff;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#p7sL5kW .facet-strip-text-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#p7sL5kW .facet-strip-text-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dFf9HwO .tooltip-text {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dFf9HwO .tooltip-title {\n", "fill: #474747;\n", "font-weight: bold;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dFf9HwO .tooltip-label {\n", "fill: #474747;\n", "font-weight: bold;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "\n", " </style>\n", " <g id=\"p7sL5kW\">\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.5 45.5 ) \">\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(#cO87ERR)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (429.8102892278257, 348.0)]\">\n", " <g transform=\"\">\n", " <g>\n", " <g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L133.4532355305426 273.9595224679672 A128.9430867683477 128.9430867683477 0.0 0 1 214.90514461391285 45.05691323165229 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(0,0,255)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L214.90514461391285 45.05691323165229 A128.9430867683477 128.9430867683477 0.0 0 1 343.83993853590925 175.46237534237187 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(106,44,237)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L343.83993853590925 175.46237534237187 A128.9430867683477 128.9430867683477 0.0 0 1 333.16596230464444 225.38772834509416 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(144,73,218)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L333.16596230464444 225.38772834509416 A128.9430867683477 128.9430867683477 0.0 0 1 307.8732349215384 263.34905601013827 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(171,100,199)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L307.8732349215384 263.34905601013827 A128.9430867683477 128.9430867683477 0.0 0 1 272.07179798238747 289.5780834241437 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(193,126,180)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L272.07179798238747 289.5780834241437 A128.9430867683477 128.9430867683477 0.0 0 1 235.08660450438717 301.35394890634063 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(210,151,159)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L235.08660450438717 301.35394890634063 A128.9430867683477 128.9430867683477 0.0 0 1 200.9352980129055 302.18409812177936 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(224,177,137)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L200.9352980129055 302.18409812177936 A128.9430867683477 128.9430867683477 0.0 0 1 175.83522159461964 296.88149063474185 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(237,203,111)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L175.83522159461964 296.88149063474185 A128.9430867683477 128.9430867683477 0.0 0 1 153.4721711751216 287.3680263558399 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(247,229,78)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L153.4721711751216 287.3680263558399 A128.9430867683477 128.9430867683477 0.0 0 1 133.4532355305426 273.9595224679672 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(255,255,0)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M133.4532355305426 273.9595224679672 A128.9430867683477 128.9430867683477 0.0 0 1 214.90514461391285 45.05691323165229 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M214.90514461391285 45.05691323165229 A128.9430867683477 128.9430867683477 0.0 0 1 343.83993853590925 175.46237534237187 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M343.83993853590925 175.46237534237187 A128.9430867683477 128.9430867683477 0.0 0 1 333.16596230464444 225.38772834509416 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M333.16596230464444 225.38772834509416 A128.9430867683477 128.9430867683477 0.0 0 1 307.8732349215384 263.34905601013827 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M307.8732349215384 263.34905601013827 A128.9430867683477 128.9430867683477 0.0 0 1 272.07179798238747 289.5780834241437 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M272.07179798238747 289.5780834241437 A128.9430867683477 128.9430867683477 0.0 0 1 235.08660450438717 301.35394890634063 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M235.08660450438717 301.35394890634063 A128.9430867683477 128.9430867683477 0.0 0 1 200.9352980129055 302.18409812177936 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M200.9352980129055 302.18409812177936 A128.9430867683477 128.9430867683477 0.0 0 1 175.83522159461964 296.88149063474185 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M175.83522159461964 296.88149063474185 A128.9430867683477 128.9430867683477 0.0 0 1 153.4721711751216 287.3680263558399 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M153.4721711751216 287.3680263558399 A128.9430867683477 128.9430867683477 0.0 0 1 133.4532355305426 273.9595224679672 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M214.90514461391285 174.0 L133.21635221502885 274.25023073209326 M214.90514461391285 174.0 L214.90514461391285 44.68191323165229 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L214.90514461391285 44.68191323165229 M214.90514461391285 174.0 L344.21491441815726 175.46662830984098 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L344.21491441815726 175.46662830984098 M214.90514461391285 174.0 L333.50989549056 225.53717721135274 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L333.50989549056 225.53717721135274 M214.90514461391285 174.0 L308.143610284337 263.60890628085497 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L308.143610284337 263.60890628085497 M214.90514461391285 174.0 L272.2380534641698 289.91421452174893 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L272.2380534641698 289.91421452174893 M214.90514461391285 174.0 L235.14529743355928 301.72432728052735 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L235.14529743355928 301.72432728052735 M214.90514461391285 174.0 L200.8946700691617 302.55689078558487 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L200.8946700691617 302.55689078558487 M214.90514461391285 174.0 L175.72159610682164 297.2388619381822 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L175.72159610682164 297.2388619381822 M214.90514461391285 174.0 L153.29350812604372 287.6977300332446 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L153.29350812604372 287.6977300332446 M214.90514461391285 174.0 L133.21635221502885 274.25023073209326 \" 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=\"cO87ERR\">\n", " <rect x=\"0.0\" y=\"0.0\" width=\"429.8102892278257\" height=\"348.0\">\n", " </rect>\n", " </clipPath>\n", " </defs>\n", " </g>\n", " <g>\n", " <g transform=\"translate(0.0 348.0 ) \">\n", " </g>\n", " <g transform=\"\">\n", " </g>\n", " </g>\n", " </g>\n", " <g transform=\"translate(221.40514461391285 16.8 ) \">\n", " <text class=\"plot-title\" y=\"0.0\" text-anchor=\"middle\">\n", " <tspan>GDP forecast 2025 (trillion US$) by country</tspan>\n", " </text>\n", " </g>\n", " <g transform=\"translate(221.40514461391285 36.0 ) \">\n", " <text class=\"plot-subtitle\" y=\"0.0\" 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)\"><tspan class=\"hyperlink-element\">Wikipedia</tspan></a>\n", " </text>\n", " </g>\n", " <g transform=\"translate(447.8102892278257 88.25 ) \">\n", " <rect x=\"0.0\" y=\"0.0\" height=\"262.5\" width=\"152.1897107721743\" 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 class=\"legend-title\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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=\"dFf9HwO\">\n", " </g>\n", "</svg>\n", " <script>document.getElementById(\"bdbc3f4d-ef51-4197-a5a5-f5cd6ea499c8\").style.display = \"none\";</script>" ] }, "execution_count": 4, "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": 5, "id": "10042f4d-0ff8-44e6-a287-baa77c8c3088", "metadata": {}, "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, "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=\"8J365r\"></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(\"8J365r\");\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=e8770cd2-0023-43af-95be-de48d89b34ec 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: Lucida Grande, 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", "#p3ytoq9 .plot-title {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 16.0px;\n", "\n", "}\n", "#p3ytoq9 .plot-subtitle {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#p3ytoq9 .plot-caption {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#p3ytoq9 .hyperlink-element {\n", "fill: #118ed8;\n", "font-weight: normal;\n", " font-style: normal;\n", "}\n", "#p3ytoq9 .legend-title {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#p3ytoq9 .legend-item {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#p3ytoq9 .axis-title-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#p3ytoq9 .axis-text-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dxKc8Ih .axis-tooltip-text-x {\n", "fill: #ffffff;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#p3ytoq9 .axis-title-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#p3ytoq9 .axis-text-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dxKc8Ih .axis-tooltip-text-y {\n", "fill: #ffffff;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#p3ytoq9 .facet-strip-text-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#p3ytoq9 .facet-strip-text-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dxKc8Ih .tooltip-text {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dxKc8Ih .tooltip-title {\n", "fill: #474747;\n", "font-weight: bold;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dxKc8Ih .tooltip-label {\n", "fill: #474747;\n", "font-weight: bold;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "\n", " </style>\n", " <g id=\"p3ytoq9\">\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.5 45.5 ) \">\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(#cR4wxbM)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (429.8102892278257, 348.0)]\">\n", " <g transform=\"\">\n", " <g>\n", " <g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L296.35705369728305 273.9595224679672 A128.9430867683477 128.9430867683477 0.0 0 1 276.3381180527041 287.3680263558399 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(255,255,0)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L276.3381180527041 287.3680263558399 A128.9430867683477 128.9430867683477 0.0 0 1 253.9750676332061 296.88149063474185 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(247,229,78)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L253.9750676332061 296.88149063474185 A128.9430867683477 128.9430867683477 0.0 0 1 228.87499121492024 302.18409812177936 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(237,203,111)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L228.87499121492024 302.18409812177936 A128.9430867683477 128.9430867683477 0.0 0 1 194.72368472343857 301.35394890634063 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(224,177,137)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L194.72368472343857 301.35394890634063 A128.9430867683477 128.9430867683477 0.0 0 1 157.73849124543827 289.5780834241437 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(210,151,159)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L157.73849124543827 289.5780834241437 A128.9430867683477 128.9430867683477 0.0 0 1 121.93705430628728 263.34905601013827 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(193,126,180)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L121.93705430628728 263.34905601013827 A128.9430867683477 128.9430867683477 0.0 0 1 96.64432692318128 225.3877283450942 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(171,100,199)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L96.64432692318128 225.3877283450942 A128.9430867683477 128.9430867683477 0.0 0 1 85.97035069191648 175.46237534237187 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(144,73,218)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L85.97035069191648 175.46237534237187 A128.9430867683477 128.9430867683477 0.0 0 1 214.90514461391282 45.05691323165229 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(106,44,237)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L214.90514461391282 45.05691323165229 A128.9430867683477 128.9430867683477 0.0 0 1 296.3570536972831 273.9595224679672 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(0,0,255)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M296.35705369728305 273.9595224679672 A128.9430867683477 128.9430867683477 0.0 0 1 276.3381180527041 287.3680263558399 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M276.3381180527041 287.3680263558399 A128.9430867683477 128.9430867683477 0.0 0 1 253.9750676332061 296.88149063474185 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M253.9750676332061 296.88149063474185 A128.9430867683477 128.9430867683477 0.0 0 1 228.87499121492024 302.18409812177936 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M228.87499121492024 302.18409812177936 A128.9430867683477 128.9430867683477 0.0 0 1 194.72368472343857 301.35394890634063 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M194.72368472343857 301.35394890634063 A128.9430867683477 128.9430867683477 0.0 0 1 157.73849124543827 289.5780834241437 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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.73849124543827 289.5780834241437 A128.9430867683477 128.9430867683477 0.0 0 1 121.93705430628728 263.34905601013827 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M121.93705430628728 263.34905601013827 A128.9430867683477 128.9430867683477 0.0 0 1 96.64432692318128 225.3877283450942 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M96.64432692318128 225.3877283450942 A128.9430867683477 128.9430867683477 0.0 0 1 85.97035069191648 175.46237534237187 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M85.97035069191648 175.46237534237187 A128.9430867683477 128.9430867683477 0.0 0 1 214.90514461391282 45.05691323165229 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M214.90514461391282 45.05691323165229 A128.9430867683477 128.9430867683477 0.0 0 1 296.3570536972831 273.9595224679672 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.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=\"M214.90514461391285 174.0 L296.5939370127968 274.2502307320933 M214.90514461391285 174.0 L276.516781101782 287.6977300332446 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L276.516781101782 287.6977300332446 M214.90514461391285 174.0 L254.0886931210041 297.2388619381822 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L254.0886931210041 297.2388619381822 M214.90514461391285 174.0 L228.91561915866404 302.55689078558487 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L228.91561915866404 302.55689078558487 M214.90514461391285 174.0 L194.66499179426646 301.7243272805274 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L194.66499179426646 301.7243272805274 M214.90514461391285 174.0 L157.5722357636559 289.91421452174893 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L157.5722357636559 289.91421452174893 M214.90514461391285 174.0 L121.6666789434887 263.60890628085497 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L121.6666789434887 263.60890628085497 M214.90514461391285 174.0 L96.30039373726572 225.53717721135277 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L96.30039373726572 225.53717721135277 M214.90514461391285 174.0 L85.59537480966844 175.46662830984096 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L85.59537480966844 175.46662830984096 M214.90514461391285 174.0 L214.90514461391282 44.68191323165229 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M214.90514461391285 174.0 L214.90514461391282 44.68191323165229 M214.90514461391285 174.0 L296.59393701279686 274.25023073209326 \" 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=\"cR4wxbM\">\n", " <rect x=\"0.0\" y=\"0.0\" width=\"429.8102892278257\" height=\"348.0\">\n", " </rect>\n", " </clipPath>\n", " </defs>\n", " </g>\n", " <g>\n", " <g transform=\"translate(0.0 348.0 ) \">\n", " </g>\n", " <g transform=\"\">\n", " </g>\n", " </g>\n", " </g>\n", " <g transform=\"translate(221.40514461391285 16.8 ) \">\n", " <text class=\"plot-title\" y=\"0.0\" text-anchor=\"middle\">\n", " <tspan>GDP forecast 2025 (trillion US$) by country</tspan>\n", " </text>\n", " </g>\n", " <g transform=\"translate(221.40514461391285 36.0 ) \">\n", " <text class=\"plot-subtitle\" y=\"0.0\" 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)\"><tspan class=\"hyperlink-element\">Wikipedia</tspan></a>\n", " </text>\n", " </g>\n", " <g transform=\"translate(447.8102892278257 88.25 ) \">\n", " <rect x=\"0.0\" y=\"0.0\" height=\"262.5\" width=\"152.1897107721743\" 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 class=\"legend-title\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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=\"dxKc8Ih\">\n", " </g>\n", "</svg>\n", " <script>document.getElementById(\"e8770cd2-0023-43af-95be-de48d89b34ec\").style.display = \"none\";</script>" ] }, "execution_count": 5, "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": 6, "id": "2070d067-21a6-4d22-87d4-26fff9c700ec", "metadata": {}, "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, "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, "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=\"OZixrH\"></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(\"OZixrH\");\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=7cfa49ef-3065-45d4-99ec-4c7353179a55 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: Lucida Grande, 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", "#pltWQXa .plot-title {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 16.0px;\n", "\n", "}\n", "#pltWQXa .plot-subtitle {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pltWQXa .plot-caption {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pltWQXa .hyperlink-element {\n", "fill: #118ed8;\n", "font-weight: normal;\n", " font-style: normal;\n", "}\n", "#pltWQXa .legend-title {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pltWQXa .legend-item {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pltWQXa .axis-title-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pltWQXa .axis-text-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, 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;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pltWQXa .axis-title-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pltWQXa .axis-text-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, 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;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pltWQXa .facet-strip-text-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pltWQXa .facet-strip-text-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", ".tooltip-text {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", ".tooltip-title {\n", "fill: #474747;\n", "font-weight: bold;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", ".tooltip-label {\n", "fill: #474747;\n", "font-weight: bold;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "\n", " </style>\n", " <g id=\"pltWQXa\">\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.0\" height=\"387.0\" x=\"6.5\" y=\"6.5\">\n", " <style type=\"text/css\">\n", " .plt-container {\n", " font-family: Lucida Grande, 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", "#pTjreep .plot-title {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 16.0px;\n", "\n", "}\n", "#pTjreep .plot-subtitle {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pTjreep .plot-caption {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pTjreep .hyperlink-element {\n", "fill: #118ed8;\n", "font-weight: normal;\n", " font-style: normal;\n", "}\n", "#pTjreep .legend-title {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pTjreep .legend-item {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pTjreep .axis-title-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pTjreep .axis-text-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dqPbfMb .axis-tooltip-text-x {\n", "fill: #ffffff;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pTjreep .axis-title-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pTjreep .axis-text-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dqPbfMb .axis-tooltip-text-y {\n", "fill: #ffffff;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pTjreep .facet-strip-text-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pTjreep .facet-strip-text-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dqPbfMb .tooltip-text {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dqPbfMb .tooltip-title {\n", "fill: #474747;\n", "font-weight: bold;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dqPbfMb .tooltip-label {\n", "fill: #474747;\n", "font-weight: bold;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "\n", " </style>\n", " <g id=\"pTjreep\">\n", " <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 387.0 L393.0 387.0 L393.0 0.0 Z\">\n", " </path>\n", " <g transform=\"translate(6.5 26.5 ) \">\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(#cusQyr2)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (222.8102892278257, 354.0)]\">\n", " <g transform=\"\">\n", " <g>\n", " <g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L69.18111257962023 228.81823392868472 A66.84308676834772 66.84308676834772 0.0 0 1 111.40514461391285 110.15691323165228 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(0,0,255)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L111.40514461391285 110.15691323165228 A66.84308676834772 66.84308676834772 0.0 0 1 178.2439324356314 177.75808392949105 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(106,44,237)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L178.2439324356314 177.75808392949105 A66.84308676834772 66.84308676834772 0.0 0 1 172.71062671702768 203.63899609267457 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(144,73,218)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L172.71062671702768 203.63899609267457 A66.84308676834772 66.84308676834772 0.0 0 1 159.59907484209512 223.31785117945304 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(171,100,199)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L159.59907484209512 223.31785117945304 A66.84308676834772 66.84308676834772 0.0 0 1 141.03989019922648 236.91477366071408 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(193,126,180)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L141.03989019922648 236.91477366071408 A66.84308676834772 66.84308676834772 0.0 0 1 121.86705543348575 243.0192901410199 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(210,151,159)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L121.86705543348575 243.0192901410199 A66.84308676834772 66.84308676834772 0.0 0 1 104.16328549688058 243.44963299559987 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(224,177,137)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L104.16328549688058 243.44963299559987 A66.84308676834772 66.84308676834772 0.0 0 1 91.1516023739705 240.7008027850178 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(237,203,111)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L91.1516023739705 240.7008027850178 A66.84308676834772 66.84308676834772 0.0 0 1 79.55877210241862 235.7690973776185 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(247,229,78)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L79.55877210241862 235.7690973776185 A66.84308676834772 66.84308676834772 0.0 0 1 69.18111257962022 228.81823392868472 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(255,255,0)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M69.18111257962023 228.81823392868472 A66.84308676834772 66.84308676834772 0.0 0 1 111.40514461391285 110.15691323165228 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M111.40514461391285 110.15691323165228 A66.84308676834772 66.84308676834772 0.0 0 1 178.2439324356314 177.75808392949105 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M178.2439324356314 177.75808392949105 A66.84308676834772 66.84308676834772 0.0 0 1 172.71062671702768 203.63899609267457 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M172.71062671702768 203.63899609267457 A66.84308676834772 66.84308676834772 0.0 0 1 159.59907484209512 223.31785117945304 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M159.59907484209512 223.31785117945304 A66.84308676834772 66.84308676834772 0.0 0 1 141.03989019922648 236.91477366071408 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M141.03989019922648 236.91477366071408 A66.84308676834772 66.84308676834772 0.0 0 1 121.86705543348575 243.0192901410199 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M121.86705543348575 243.0192901410199 A66.84308676834772 66.84308676834772 0.0 0 1 104.16328549688058 243.44963299559987 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M104.16328549688058 243.44963299559987 A66.84308676834772 66.84308676834772 0.0 0 1 91.1516023739705 240.7008027850178 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M91.1516023739705 240.7008027850178 A66.84308676834772 66.84308676834772 0.0 0 1 79.55877210241862 235.7690973776185 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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.55877210241862 235.7690973776185 A66.84308676834772 66.84308676834772 0.0 0 1 69.18111257962022 228.81823392868472 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M111.40514461391285 177.0 L68.94422926410648 229.10894219281082 M111.40514461391285 177.0 L111.40514461391285 109.78191323165228 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L111.40514461391285 109.78191323165228 M111.40514461391285 177.0 L178.61890831787943 177.76233689696014 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L178.61890831787943 177.76233689696014 M111.40514461391285 177.0 L173.05455990294323 203.78844495893313 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L173.05455990294323 203.78844495893313 M111.40514461391285 177.0 L159.8694502048937 223.57770145016974 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L159.8694502048937 223.57770145016974 M111.40514461391285 177.0 L141.20614568100885 237.25090475831934 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L141.20614568100885 237.25090475831934 M111.40514461391285 177.0 L121.92574836265786 243.3896685152066 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L121.92574836265786 243.3896685152066 M111.40514461391285 177.0 L104.12265755313676 243.82242565940533 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L104.12265755313676 243.82242565940533 M111.40514461391285 177.0 L91.03797688617249 241.05817408845817 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L91.03797688617249 241.05817408845817 M111.40514461391285 177.0 L79.38010905334073 236.09880105502322 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L79.38010905334073 236.09880105502322 M111.40514461391285 177.0 L68.94422926410647 229.10894219281082 \" 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=\"cusQyr2\">\n", " <rect x=\"0.0\" y=\"0.0\" width=\"222.8102892278257\" height=\"354.0\">\n", " </rect>\n", " </clipPath>\n", " </defs>\n", " </g>\n", " <g>\n", " <g transform=\"translate(0.0 354.0 ) \">\n", " </g>\n", " <g transform=\"\">\n", " </g>\n", " </g>\n", " </g>\n", " <g transform=\"translate(117.90514461391285 16.8 ) \">\n", " <text class=\"plot-title\" y=\"0.0\" text-anchor=\"middle\">\n", " <tspan>Auto</tspan>\n", " </text>\n", " </g>\n", " <g transform=\"translate(240.8102892278257 72.25 ) \">\n", " <rect x=\"0.0\" y=\"0.0\" height=\"262.5\" width=\"152.1897107721743\" 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 class=\"legend-title\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 387.0 L393.0 387.0 L393.0 0.0 Z\" pointer-events=\"none\">\n", " </path>\n", " </g>\n", " <g id=\"dqPbfMb\">\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.0\" height=\"387.0\" x=\"403.5\" y=\"6.5\">\n", " <style type=\"text/css\">\n", " .plt-container {\n", " font-family: Lucida Grande, 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", "#pdHSRjm .plot-title {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 16.0px;\n", "\n", "}\n", "#pdHSRjm .plot-subtitle {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pdHSRjm .plot-caption {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pdHSRjm .hyperlink-element {\n", "fill: #118ed8;\n", "font-weight: normal;\n", " font-style: normal;\n", "}\n", "#pdHSRjm .legend-title {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pdHSRjm .legend-item {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pdHSRjm .axis-title-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pdHSRjm .axis-text-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dCgOJB8 .axis-tooltip-text-x {\n", "fill: #ffffff;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pdHSRjm .axis-title-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pdHSRjm .axis-text-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dCgOJB8 .axis-tooltip-text-y {\n", "fill: #ffffff;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pdHSRjm .facet-strip-text-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pdHSRjm .facet-strip-text-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dCgOJB8 .tooltip-text {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dCgOJB8 .tooltip-title {\n", "fill: #474747;\n", "font-weight: bold;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dCgOJB8 .tooltip-label {\n", "fill: #474747;\n", "font-weight: bold;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "\n", " </style>\n", " <g id=\"pdHSRjm\">\n", " <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 387.0 L393.0 387.0 L393.0 0.0 Z\">\n", " </path>\n", " <g transform=\"translate(6.5 26.5 ) \">\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(#cGfOnt5)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (222.8102892278257, 354.0)]\">\n", " <g transform=\"\">\n", " <g>\n", " <g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L111.40514461391285 110.15691323165228 A66.84308676834772 66.84308676834772 0.0 0 1 153.62917664820546 228.81823392868472 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(0,0,255)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L153.62917664820546 228.81823392868472 A66.84308676834772 66.84308676834772 0.0 0 1 59.11137016431241 218.63363306913269 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(106,44,237)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L59.11137016431241 218.63363306913269 A66.84308676834772 66.84308676834772 0.0 0 1 47.05222728057687 195.07485212691066 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(144,73,218)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L47.05222728057687 195.07485212691066 A66.84308676834772 66.84308676834772 0.0 0 1 44.785678072817376 171.53694897509448 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(171,100,199)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L44.785678072817376 171.53694897509448 A66.84308676834772 66.84308676834772 0.0 0 1 50.58414280076284 149.27268517930986 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(193,126,180)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L50.58414280076284 149.27268517930986 A66.84308676834772 66.84308676834772 0.0 0 1 61.5911918931945 132.42906369551008 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(210,151,159)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L61.5911918931945 132.42906369551008 A66.84308676834772 66.84308676834772 0.0 0 1 75.04370171868197 120.91217851175065 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(224,177,137)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L75.04370171868197 120.91217851175065 A66.84308676834772 66.84308676834772 0.0 0 1 86.867050593581 114.8237972326211 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(237,203,111)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L86.867050593581 114.8237972326211 A66.84308676834772 66.84308676834772 0.0 0 1 98.96937137382962 111.32390242529561 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(247,229,78)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L98.96937137382962 111.32390242529561 A66.84308676834772 66.84308676834772 0.0 0 1 111.4051446139129 110.15691323165228 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(255,255,0)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 110.15691323165228 A66.84308676834772 66.84308676834772 0.0 0 1 153.62917664820546 228.81823392868472 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M153.62917664820546 228.81823392868472 A66.84308676834772 66.84308676834772 0.0 0 1 59.11137016431241 218.63363306913269 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M59.11137016431241 218.63363306913269 A66.84308676834772 66.84308676834772 0.0 0 1 47.05222728057687 195.07485212691066 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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.05222728057687 195.07485212691066 A66.84308676834772 66.84308676834772 0.0 0 1 44.785678072817376 171.53694897509448 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M44.785678072817376 171.53694897509448 A66.84308676834772 66.84308676834772 0.0 0 1 50.58414280076284 149.27268517930986 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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.58414280076284 149.27268517930986 A66.84308676834772 66.84308676834772 0.0 0 1 61.5911918931945 132.42906369551008 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M61.5911918931945 132.42906369551008 A66.84308676834772 66.84308676834772 0.0 0 1 75.04370171868197 120.91217851175065 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M75.04370171868197 120.91217851175065 A66.84308676834772 66.84308676834772 0.0 0 1 86.867050593581 114.8237972326211 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M86.867050593581 114.8237972326211 A66.84308676834772 66.84308676834772 0.0 0 1 98.96937137382962 111.32390242529561 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M98.96937137382962 111.32390242529561 A66.84308676834772 66.84308676834772 0.0 0 1 111.4051446139129 110.15691323165228 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M111.40514461391285 177.0 L111.40514461391285 109.78191323165228 M111.40514461391285 177.0 L153.8660599637192 229.10894219281084 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L153.8660599637192 229.10894219281084 M111.40514461391285 177.0 L58.81799404470618 218.8672041556241 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L58.81799404470618 218.8672041556241 M111.40514461391285 177.0 L46.691197514198265 195.176254828002 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L46.691197514198265 195.176254828002 M111.40514461391285 177.0 L44.41193261669429 171.50630041840168 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L44.41193261669429 171.50630041840168 M111.40514461391285 177.0 L50.24292762380708 149.1171306775587 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L50.24292762380708 149.1171306775587 M111.40514461391285 177.0 L61.31172795498638 132.17901388598963 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L61.31172795498638 132.17901388598963 M111.40514461391285 177.0 L74.83970843014687 120.59751720457635 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L74.83970843014687 120.59751720457635 M111.40514461391285 177.0 L86.72938811115384 114.47497916982618 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L86.72938811115384 114.47497916982618 M111.40514461391285 177.0 L98.89960477281682 110.95544941420313 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L98.89960477281682 110.95544941420313 M111.40514461391285 177.0 L111.4051446139129 109.78191323165228 \" 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=\"cGfOnt5\">\n", " <rect x=\"0.0\" y=\"0.0\" width=\"222.8102892278257\" height=\"354.0\">\n", " </rect>\n", " </clipPath>\n", " </defs>\n", " </g>\n", " <g>\n", " <g transform=\"translate(0.0 354.0 ) \">\n", " </g>\n", " <g transform=\"\">\n", " </g>\n", " </g>\n", " </g>\n", " <g transform=\"translate(117.90514461391285 16.8 ) \">\n", " <text class=\"plot-title\" y=\"0.0\" text-anchor=\"middle\">\n", " <tspan>start=0</tspan>\n", " </text>\n", " </g>\n", " <g transform=\"translate(240.8102892278257 72.25 ) \">\n", " <rect x=\"0.0\" y=\"0.0\" height=\"262.5\" width=\"152.1897107721743\" 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 class=\"legend-title\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 387.0 L393.0 387.0 L393.0 0.0 Z\" pointer-events=\"none\">\n", " </path>\n", " </g>\n", " <g id=\"dCgOJB8\">\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.0\" height=\"387.0\" x=\"800.5\" y=\"6.5\">\n", " <style type=\"text/css\">\n", " .plt-container {\n", " font-family: Lucida Grande, 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", "#pv59gPi .plot-title {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 16.0px;\n", "\n", "}\n", "#pv59gPi .plot-subtitle {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pv59gPi .plot-caption {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pv59gPi .hyperlink-element {\n", "fill: #118ed8;\n", "font-weight: normal;\n", " font-style: normal;\n", "}\n", "#pv59gPi .legend-title {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pv59gPi .legend-item {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pv59gPi .axis-title-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pv59gPi .axis-text-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dlBnjjM .axis-tooltip-text-x {\n", "fill: #ffffff;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pv59gPi .axis-title-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 15.0px;\n", "\n", "}\n", "#pv59gPi .axis-text-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dlBnjjM .axis-tooltip-text-y {\n", "fill: #ffffff;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pv59gPi .facet-strip-text-x {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#pv59gPi .facet-strip-text-y {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dlBnjjM .tooltip-text {\n", "fill: #474747;\n", "font-weight: normal;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dlBnjjM .tooltip-title {\n", "fill: #474747;\n", "font-weight: bold;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "#dlBnjjM .tooltip-label {\n", "fill: #474747;\n", "font-weight: bold;\n", " font-style: normal;font-family: Lucida Grande, sans-serif;\n", "font-size: 13.0px;\n", "\n", "}\n", "\n", " </style>\n", " <g id=\"pv59gPi\">\n", " <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 387.0 L393.0 387.0 L393.0 0.0 Z\">\n", " </path>\n", " <g transform=\"translate(6.5 26.5 ) \">\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(#cEdPsz3)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (222.8102892278257, 354.0)]\">\n", " <g transform=\"\">\n", " <g>\n", " <g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L111.40514461391285 243.84308676834772 A66.84308676834772 66.84308676834772 0.0 0 1 69.18111257962023 125.18176607131528 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(0,0,255)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L69.18111257962023 125.18176607131528 A66.84308676834772 66.84308676834772 0.0 0 1 163.6989190635133 135.36636693086731 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(106,44,237)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L163.6989190635133 135.36636693086731 A66.84308676834772 66.84308676834772 0.0 0 1 175.75806194724885 158.92514787308932 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(144,73,218)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L175.75806194724885 158.92514787308932 A66.84308676834772 66.84308676834772 0.0 0 1 178.02461115500833 182.46305102490555 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(171,100,199)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L178.02461115500833 182.46305102490555 A66.84308676834772 66.84308676834772 0.0 0 1 172.22614642706287 204.72731482069014 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(193,126,180)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L172.22614642706287 204.72731482069014 A66.84308676834772 66.84308676834772 0.0 0 1 161.21909733463121 221.57093630448992 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(210,151,159)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L161.21909733463121 221.57093630448992 A66.84308676834772 66.84308676834772 0.0 0 1 147.7665875091438 233.0878214882493 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(224,177,137)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L147.7665875091438 233.0878214882493 A66.84308676834772 66.84308676834772 0.0 0 1 135.94323863424478 239.17620276737887 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(237,203,111)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L135.94323863424478 239.17620276737887 A66.84308676834772 66.84308676834772 0.0 0 1 123.84091785399616 242.6760975747044 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(247,229,78)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L123.84091785399616 242.6760975747044 A66.84308676834772 66.84308676834772 0.0 0 1 111.40514461391287 243.84308676834772 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(255,255,0)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 243.84308676834772 A66.84308676834772 66.84308676834772 0.0 0 1 69.18111257962023 125.18176607131528 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M69.18111257962023 125.18176607131528 A66.84308676834772 66.84308676834772 0.0 0 1 163.6989190635133 135.36636693086731 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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.6989190635133 135.36636693086731 A66.84308676834772 66.84308676834772 0.0 0 1 175.75806194724885 158.92514787308932 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M175.75806194724885 158.92514787308932 A66.84308676834772 66.84308676834772 0.0 0 1 178.02461115500833 182.46305102490555 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M178.02461115500833 182.46305102490555 A66.84308676834772 66.84308676834772 0.0 0 1 172.22614642706287 204.72731482069014 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M172.22614642706287 204.72731482069014 A66.84308676834772 66.84308676834772 0.0 0 1 161.21909733463121 221.57093630448992 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M161.21909733463121 221.57093630448992 A66.84308676834772 66.84308676834772 0.0 0 1 147.7665875091438 233.0878214882493 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M147.7665875091438 233.0878214882493 A66.84308676834772 66.84308676834772 0.0 0 1 135.94323863424478 239.17620276737887 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M135.94323863424478 239.17620276737887 A66.84308676834772 66.84308676834772 0.0 0 1 123.84091785399616 242.6760975747044 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M123.84091785399616 242.6760975747044 A66.84308676834772 66.84308676834772 0.0 0 1 111.40514461391287 243.84308676834772 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.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=\"M111.40514461391285 177.0 L111.40514461391285 244.21808676834772 M111.40514461391285 177.0 L68.94422926410648 124.89105780718918 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L68.94422926410648 124.89105780718918 M111.40514461391285 177.0 L163.99229518311952 135.13279584437586 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L163.99229518311952 135.13279584437586 M111.40514461391285 177.0 L176.11909171362743 158.823745171998 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L176.11909171362743 158.823745171998 M111.40514461391285 177.0 L178.39835661113142 182.49369958159832 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L178.39835661113142 182.49369958159832 M111.40514461391285 177.0 L172.56736160401863 204.88286932244128 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L172.56736160401863 204.88286932244128 M111.40514461391285 177.0 L161.49856127283934 221.82098611401034 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L161.49856127283934 221.82098611401034 M111.40514461391285 177.0 L147.9705807976789 233.40248279542362 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L147.9705807976789 233.40248279542362 M111.40514461391285 177.0 L136.08090111667192 239.5250208301738 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L136.08090111667192 239.5250208301738 M111.40514461391285 177.0 L123.91068445500896 243.04455058579686 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n", " </path>\n", " </g>\n", " <g>\n", " <path d=\"M111.40514461391285 177.0 L123.91068445500896 243.04455058579686 M111.40514461391285 177.0 L111.40514461391287 244.21808676834772 \" 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=\"cEdPsz3\">\n", " <rect x=\"0.0\" y=\"0.0\" width=\"222.8102892278257\" height=\"354.0\">\n", " </rect>\n", " </clipPath>\n", " </defs>\n", " </g>\n", " <g>\n", " <g transform=\"translate(0.0 354.0 ) \">\n", " </g>\n", " <g transform=\"\">\n", " </g>\n", " </g>\n", " </g>\n", " <g transform=\"translate(117.90514461391285 16.8 ) \">\n", " <text class=\"plot-title\" y=\"0.0\" text-anchor=\"middle\">\n", " <tspan>start=180</tspan>\n", " </text>\n", " </g>\n", " <g transform=\"translate(240.8102892278257 72.25 ) \">\n", " <rect x=\"0.0\" y=\"0.0\" height=\"262.5\" width=\"152.1897107721743\" 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 class=\"legend-title\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 16.05 ) \">\n", " <text class=\"legend-item\" y=\"0.0\">\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 387.0 L393.0 387.0 L393.0 0.0 Z\" pointer-events=\"none\">\n", " </path>\n", " </g>\n", " <g id=\"dlBnjjM\">\n", " </g>\n", " </svg>\n", "</svg>\n", " <script>document.getElementById(\"7cfa49ef-3065-45d4-99ec-4c7353179a55\").style.display = \"none\";</script>" ] }, "execution_count": 6, "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": "1.9.23" } }, "nbformat": 4, "nbformat_minor": 5 }