{
"cells": [
{
"cell_type": "markdown",
"id": "b688f244-c275-48fa-a578-21f84a87e384",
"metadata": {},
"source": [
"# Markdown Support\n",
"Markdown can be used in titles only and is disabled by default. To enable it, set `elementMarkdown()` for the appropriate element in `theme()`.\n",
"\n",
"Currently supported features:\n",
"\n",
"- Emphasis (`*`, `**`, `***`, `_`, `__`, `___`)\n",
"- Coloring with inline style (`<span style='color:red'>text</span>`)\n",
"- Links with anchor tags (`<a href=\"https://lets-plot.org\">Lets-Plot</a>`)\n",
"- Multiple lines using double space and a newline delimiter (` \\n`)\n",
"\n",
"Not supported features:\n",
"\n",
"- Tag `<br/>` for line splitting\n",
"- Links styling\n",
"- Links with Markdown syntax (`[Lets-Plot](https://lets-plot.org)`)"
]
},
{
"cell_type": "code",
"execution_count": 1,
"id": "ae2490ab-9d60-4756-b206-637299f36e2a",
"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=\"c4FQNE\"></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(\"c4FQNE\").appendChild(div);\n",
" };\n",
" var e = document.getElementById(\"c4FQNE\");\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": "code",
"execution_count": 2,
"id": "62e90f3c-3feb-4111-a8d0-b7b8669fc3aa",
"metadata": {},
"outputs": [
{
"data": {
"application/kotlindataframe+json": "{\"nrow\":3,\"ncol\":12,\"columns\":[\"untitled\",\"manufacturer\",\"model\",\"displ\",\"year\",\"cyl\",\"trans\",\"drv\",\"cty\",\"hwy\",\"fl\",\"class\"],\"kotlin_dataframe\":[{\"untitled\":1,\"manufacturer\":\"audi\",\"model\":\"a4\",\"displ\":1.8,\"year\":1999,\"cyl\":4,\"trans\":\"auto(l5)\",\"drv\":\"f\",\"cty\":18,\"hwy\":29,\"fl\":\"p\",\"class\":\"compact\"},{\"untitled\":2,\"manufacturer\":\"audi\",\"model\":\"a4\",\"displ\":1.8,\"year\":1999,\"cyl\":4,\"trans\":\"manual(m5)\",\"drv\":\"f\",\"cty\":21,\"hwy\":29,\"fl\":\"p\",\"class\":\"compact\"},{\"untitled\":3,\"manufacturer\":\"audi\",\"model\":\"a4\",\"displ\":2.0,\"year\":2008,\"cyl\":4,\"trans\":\"manual(m6)\",\"drv\":\"f\",\"cty\":20,\"hwy\":31,\"fl\":\"p\",\"class\":\"compact\"}]}",
"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_201326592\"></table>\n",
"\n",
"<p class=\"dataframe_description\">DataFrame: rowsCount = 3, columnsCount = 12</p>\n",
"<table class=\"dataframe\" id=\"static_df_201326593\"><thead><tr><th class=\"bottomBorder\" style=\"text-align:left\">untitled</th><th class=\"bottomBorder\" style=\"text-align:left\">manufacturer</th><th class=\"bottomBorder\" style=\"text-align:left\">model</th><th class=\"bottomBorder\" style=\"text-align:left\">displ</th><th class=\"bottomBorder\" style=\"text-align:left\">year</th><th class=\"bottomBorder\" style=\"text-align:left\">cyl</th><th class=\"bottomBorder\" style=\"text-align:left\">trans</th><th class=\"bottomBorder\" style=\"text-align:left\">drv</th><th class=\"bottomBorder\" style=\"text-align:left\">cty</th><th class=\"bottomBorder\" style=\"text-align:left\">hwy</th><th class=\"bottomBorder\" style=\"text-align:left\">fl</th><th class=\"bottomBorder\" style=\"text-align:left\">class</th></tr></thead><tbody><tr><td style=\"vertical-align:top\">1</td><td style=\"vertical-align:top\">audi</td><td style=\"vertical-align:top\">a4</td><td style=\"vertical-align:top\">1.800000</td><td style=\"vertical-align:top\">1999</td><td style=\"vertical-align:top\">4</td><td style=\"vertical-align:top\">auto(l5)</td><td style=\"vertical-align:top\">f</td><td style=\"vertical-align:top\">18</td><td style=\"vertical-align:top\">29</td><td style=\"vertical-align:top\">p</td><td style=\"vertical-align:top\">compact</td></tr><tr><td style=\"vertical-align:top\">2</td><td style=\"vertical-align:top\">audi</td><td style=\"vertical-align:top\">a4</td><td style=\"vertical-align:top\">1.800000</td><td style=\"vertical-align:top\">1999</td><td style=\"vertical-align:top\">4</td><td style=\"vertical-align:top\">manual(m5)</td><td style=\"vertical-align:top\">f</td><td style=\"vertical-align:top\">21</td><td style=\"vertical-align:top\">29</td><td style=\"vertical-align:top\">p</td><td style=\"vertical-align:top\">compact</td></tr><tr><td style=\"vertical-align:top\">3</td><td style=\"vertical-align:top\">audi</td><td style=\"vertical-align:top\">a4</td><td style=\"vertical-align:top\">2.000000</td><td style=\"vertical-align:top\">2008</td><td style=\"vertical-align:top\">4</td><td style=\"vertical-align:top\">manual(m6)</td><td style=\"vertical-align:top\">f</td><td style=\"vertical-align:top\">20</td><td style=\"vertical-align:top\">31</td><td style=\"vertical-align:top\">p</td><td style=\"vertical-align:top\">compact</td></tr></tbody></table>\n",
" </body>\n",
" <script>\n",
" /*<!--*/\n",
"call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: \"<span title=\\\"untitled: Int\\\">untitled</span>\", children: [], rightAlign: true, values: [\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">1</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">2</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">3</span></span>\"] }, \n",
"{ name: \"<span title=\\\"manufacturer: String\\\">manufacturer</span>\", children: [], rightAlign: false, values: [\"audi\",\"audi\",\"audi\"] }, \n",
"{ name: \"<span title=\\\"model: String\\\">model</span>\", children: [], rightAlign: false, values: [\"a4\",\"a4\",\"a4\"] }, \n",
"{ name: \"<span title=\\\"displ: Double\\\">displ</span>\", children: [], rightAlign: true, values: [\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">1.8</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">1.8</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">2.0</span></span>\"] }, \n",
"{ name: \"<span title=\\\"year: Int\\\">year</span>\", children: [], rightAlign: true, values: [\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">1999</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">1999</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">2008</span></span>\"] }, \n",
"{ name: \"<span title=\\\"cyl: Int\\\">cyl</span>\", children: [], rightAlign: true, values: [\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">4</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">4</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">4</span></span>\"] }, \n",
"{ name: \"<span title=\\\"trans: String\\\">trans</span>\", children: [], rightAlign: false, values: [\"auto(l5)\",\"manual(m5)\",\"manual(m6)\"] }, \n",
"{ name: \"<span title=\\\"drv: Char\\\">drv</span>\", children: [], rightAlign: false, values: [\"f\",\"f\",\"f\"] }, \n",
"{ name: \"<span title=\\\"cty: Int\\\">cty</span>\", children: [], rightAlign: true, values: [\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">18</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">21</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">20</span></span>\"] }, \n",
"{ name: \"<span title=\\\"hwy: Int\\\">hwy</span>\", children: [], rightAlign: true, values: [\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">29</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">29</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">31</span></span>\"] }, \n",
"{ name: \"<span title=\\\"fl: Char\\\">fl</span>\", children: [], rightAlign: false, values: [\"p\",\"p\",\"p\"] }, \n",
"{ name: \"<span title=\\\"class: String\\\">class</span>\", children: [], rightAlign: false, values: [\"compact\",\"compact\",\"compact\"] }, \n",
"], id: 201326592, rootId: 201326592, totalRows: 3 } ) });\n",
"/*-->*/\n",
"\n",
"call_DataFrame(function() { DataFrame.renderTable(201326592) });\n",
"\n",
"document.getElementById(\"static_df_201326593\").style.display = \"none\";\n",
" </script>\n",
" </html>"
]
},
"execution_count": 2,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"val df = DataFrame.readCSV(\"https://raw.githubusercontent.com/JetBrains/lets-plot-docs/master/data/mpg.csv\")\n",
"df.remove(\"Unnamed: 0\")\n",
"df.head(3)"
]
},
{
"cell_type": "code",
"execution_count": 3,
"id": "e3957a0f-350c-4321-a7a8-791a3d0485d3",
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
" <div id=\"UpfTE9\"></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(\"UpfTE9\").appendChild(div);\n",
" };\n",
" var e = document.getElementById(\"UpfTE9\");\n",
" e.appendChild(script);\n",
" })();\n",
" </script>"
]
},
"metadata": {},
"output_type": "display_data"
},
{
"data": {
"application/plot+json": {
"apply_color_scheme": true,
"output": {
"caption": {
"text": "<span style='color:grey'>Powered by <a href='https://lets-plot.org'>Lets-Plot</a>. \nVisit the <a href='https://github.com/jetbrains/lets-plot/issues'>issue tracker</a> for feedback.</span>"
},
"data": {
"class": [
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"midsize",
"midsize",
"midsize",
"suv",
"suv",
"suv",
"suv",
"suv",
"2seater",
"2seater",
"2seater",
"2seater",
"2seater",
"suv",
"suv",
"suv",
"suv",
"midsize",
"midsize",
"midsize",
"midsize",
"midsize",
"minivan",
"minivan",
"minivan",
"minivan",
"minivan",
"minivan",
"minivan",
"minivan",
"minivan",
"minivan",
"minivan",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"midsize",
"midsize",
"midsize",
"midsize",
"midsize",
"midsize",
"midsize",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"compact",
"compact",
"midsize",
"midsize",
"midsize",
"midsize",
"midsize",
"midsize",
"midsize",
"suv",
"suv",
"suv",
"suv",
"midsize",
"midsize",
"midsize",
"midsize",
"midsize",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"compact",
"compact",
"compact",
"compact",
"suv",
"suv",
"suv",
"suv",
"suv",
"suv",
"midsize",
"midsize",
"midsize",
"midsize",
"midsize",
"midsize",
"midsize",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"suv",
"suv",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"pickup",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"compact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"subcompact",
"midsize",
"midsize",
"midsize",
"midsize",
"midsize",
"midsize",
"midsize"
],
"cty": [
18,
21,
20,
21,
16,
18,
18,
18,
16,
20,
19,
15,
17,
17,
15,
15,
17,
16,
14,
11,
14,
13,
12,
16,
15,
16,
15,
15,
14,
11,
11,
14,
19,
22,
18,
18,
17,
18,
17,
16,
16,
17,
17,
11,
15,
15,
16,
16,
15,
14,
13,
14,
14,
14,
9,
11,
11,
13,
13,
9,
13,
11,
13,
11,
12,
9,
13,
13,
12,
9,
11,
11,
13,
11,
11,
11,
12,
14,
15,
14,
13,
13,
13,
14,
14,
13,
13,
13,
11,
13,
18,
18,
17,
16,
15,
15,
15,
15,
14,
28,
24,
25,
23,
24,
26,
25,
24,
21,
18,
18,
21,
21,
18,
18,
19,
19,
19,
20,
20,
17,
16,
17,
17,
15,
15,
14,
9,
14,
13,
11,
11,
12,
12,
11,
11,
11,
12,
14,
13,
13,
13,
21,
19,
23,
23,
19,
19,
18,
19,
19,
14,
15,
14,
12,
18,
16,
17,
18,
16,
18,
18,
20,
19,
20,
18,
21,
19,
19,
19,
20,
20,
19,
20,
15,
16,
15,
15,
16,
14,
21,
21,
21,
21,
18,
18,
19,
21,
21,
21,
22,
18,
18,
18,
24,
24,
26,
28,
26,
11,
13,
15,
16,
17,
15,
15,
15,
16,
21,
19,
21,
22,
17,
33,
21,
19,
22,
21,
21,
21,
16,
17,
35,
29,
21,
19,
20,
20,
21,
18,
19,
21,
16,
18,
17
],
"cyl": [
4,
4,
4,
4,
6,
6,
6,
4,
4,
4,
4,
6,
6,
6,
6,
6,
6,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
4,
4,
6,
6,
6,
4,
6,
6,
6,
6,
6,
6,
6,
6,
6,
6,
6,
6,
6,
6,
8,
8,
8,
8,
8,
6,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
6,
6,
6,
6,
8,
8,
6,
6,
8,
8,
8,
8,
8,
6,
6,
6,
6,
8,
8,
8,
8,
8,
4,
4,
4,
4,
4,
4,
4,
4,
4,
4,
4,
4,
4,
6,
6,
6,
4,
4,
4,
4,
6,
6,
6,
6,
6,
6,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
8,
6,
6,
8,
8,
4,
4,
4,
4,
6,
6,
6,
6,
6,
6,
6,
6,
8,
6,
6,
6,
6,
8,
4,
4,
4,
4,
4,
4,
4,
4,
4,
4,
4,
4,
4,
4,
4,
4,
6,
6,
6,
8,
4,
4,
4,
4,
6,
6,
6,
4,
4,
4,
4,
6,
6,
6,
4,
4,
4,
4,
4,
8,
8,
4,
4,
4,
6,
6,
6,
6,
4,
4,
4,
4,
6,
4,
4,
4,
4,
4,
5,
5,
6,
6,
4,
4,
4,
4,
5,
5,
4,
4,
4,
4,
6,
6,
6
],
"displ": [
1.8,
1.8,
2,
2,
2.8,
2.8,
3.1,
1.8,
1.8,
2,
2,
2.8,
2.8,
3.1,
3.1,
2.8,
3.1,
4.2,
5.3,
5.3,
5.3,
5.7,
6,
5.7,
5.7,
6.2,
6.2,
7,
5.3,
5.3,
5.7,
6.5,
2.4,
2.4,
3.1,
3.5,
3.6,
2.4,
3,
3.3,
3.3,
3.3,
3.3,
3.3,
3.8,
3.8,
3.8,
4,
3.7,
3.7,
3.9,
3.9,
4.7,
4.7,
4.7,
5.2,
5.2,
3.9,
4.7,
4.7,
4.7,
5.2,
5.7,
5.9,
4.7,
4.7,
4.7,
4.7,
4.7,
4.7,
5.2,
5.2,
5.7,
5.9,
4.6,
5.4,
5.4,
4,
4,
4,
4,
4.6,
5,
4.2,
4.2,
4.6,
4.6,
4.6,
5.4,
5.4,
3.8,
3.8,
4,
4,
4.6,
4.6,
4.6,
4.6,
5.4,
1.6,
1.6,
1.6,
1.6,
1.6,
1.8,
1.8,
1.8,
2,
2.4,
2.4,
2.4,
2.4,
2.5,
2.5,
3.3,
2,
2,
2,
2,
2.7,
2.7,
2.7,
3,
3.7,
4,
4.7,
4.7,
4.7,
5.7,
6.1,
4,
4.2,
4.4,
4.6,
5.4,
5.4,
5.4,
4,
4,
4.6,
5,
2.4,
2.4,
2.5,
2.5,
3.5,
3.5,
3,
3,
3.5,
3.3,
3.3,
4,
5.6,
3.1,
3.8,
3.8,
3.8,
5.3,
2.5,
2.5,
2.5,
2.5,
2.5,
2.5,
2.2,
2.2,
2.5,
2.5,
2.5,
2.5,
2.5,
2.5,
2.7,
2.7,
3.4,
3.4,
4,
4.7,
2.2,
2.2,
2.4,
2.4,
3,
3,
3.5,
2.2,
2.2,
2.4,
2.4,
3,
3,
3.3,
1.8,
1.8,
1.8,
1.8,
1.8,
4.7,
5.7,
2.7,
2.7,
2.7,
3.4,
3.4,
4,
4,
2,
2,
2,
2,
2.8,
1.9,
2,
2,
2,
2,
2.5,
2.5,
2.8,
2.8,
1.9,
1.9,
2,
2,
2.5,
2.5,
1.8,
1.8,
2,
2,
2.8,
2.8,
3.6
],
"drv": [
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"4",
"4",
"4",
"4",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"r",
"r",
"r",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"r",
"r",
"r",
"4",
"4",
"4",
"4",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"4",
"4",
"4",
"4",
"f",
"f",
"f",
"f",
"f",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"4",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f",
"f"
],
"fl": [
"p",
"p",
"p",
"p",
"p",
"p",
"p",
"p",
"p",
"p",
"p",
"p",
"p",
"p",
"p",
"p",
"p",
"p",
"r",
"e",
"r",
"r",
"r",
"p",
"p",
"p",
"p",
"p",
"r",
"e",
"r",
"d",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"e",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"e",
"r",
"r",
"r",
"r",
"e",
"r",
"r",
"r",
"r",
"r",
"e",
"r",
"r",
"r",
"e",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"p",
"r",
"r",
"r",
"p",
"r",
"r",
"r",
"c",
"p",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"d",
"r",
"r",
"r",
"e",
"r",
"r",
"p",
"p",
"r",
"r",
"p",
"r",
"p",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"p",
"p",
"r",
"r",
"p",
"r",
"r",
"p",
"p",
"r",
"p",
"r",
"r",
"p",
"r",
"r",
"r",
"p",
"r",
"p",
"r",
"r",
"r",
"r",
"p",
"r",
"p",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"r",
"p",
"p",
"r",
"d",
"r",
"r",
"p",
"p",
"r",
"r",
"r",
"r",
"d",
"d",
"r",
"r",
"r",
"r",
"p",
"p",
"p",
"p",
"p",
"p",
"p"
],
"hwy": [
29,
29,
31,
30,
26,
26,
27,
26,
25,
28,
27,
25,
25,
25,
25,
24,
25,
23,
20,
15,
20,
17,
17,
26,
23,
26,
25,
24,
19,
14,
15,
17,
27,
30,
26,
29,
26,
24,
24,
22,
22,
24,
24,
17,
22,
21,
23,
23,
19,
18,
17,
17,
19,
19,
12,
17,
15,
17,
17,
12,
17,
16,
18,
15,
16,
12,
17,
17,
16,
12,
15,
16,
17,
15,
17,
17,
18,
17,
19,
17,
19,
19,
17,
17,
17,
16,
16,
17,
15,
17,
26,
25,
26,
24,
21,
22,
23,
22,
20,
33,
32,
32,
29,
32,
34,
36,
36,
29,
26,
27,
30,
31,
26,
26,
28,
26,
29,
28,
27,
24,
24,
24,
22,
19,
20,
17,
12,
19,
18,
14,
15,
18,
18,
15,
17,
16,
18,
17,
19,
19,
17,
29,
27,
31,
32,
27,
26,
26,
25,
25,
17,
17,
20,
18,
26,
26,
27,
28,
25,
25,
24,
27,
25,
26,
23,
26,
26,
26,
26,
25,
27,
25,
27,
20,
20,
19,
17,
20,
17,
29,
27,
31,
31,
26,
26,
28,
27,
29,
31,
31,
26,
26,
27,
30,
33,
35,
37,
35,
15,
18,
20,
20,
22,
17,
19,
18,
20,
29,
26,
29,
29,
24,
44,
29,
26,
29,
29,
29,
29,
23,
24,
44,
41,
29,
26,
28,
29,
29,
29,
28,
29,
26,
26,
26
],
"manufacturer": [
"audi",
"audi",
"audi",
"audi",
"audi",
"audi",
"audi",
"audi",
"audi",
"audi",
"audi",
"audi",
"audi",
"audi",
"audi",
"audi",
"audi",
"audi",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"chevrolet",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"dodge",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"ford",
"honda",
"honda",
"honda",
"honda",
"honda",
"honda",
"honda",
"honda",
"honda",
"hyundai",
"hyundai",
"hyundai",
"hyundai",
"hyundai",
"hyundai",
"hyundai",
"hyundai",
"hyundai",
"hyundai",
"hyundai",
"hyundai",
"hyundai",
"hyundai",
"jeep",
"jeep",
"jeep",
"jeep",
"jeep",
"jeep",
"jeep",
"jeep",
"land rover",
"land rover",
"land rover",
"land rover",
"lincoln",
"lincoln",
"lincoln",
"mercury",
"mercury",
"mercury",
"mercury",
"nissan",
"nissan",
"nissan",
"nissan",
"nissan",
"nissan",
"nissan",
"nissan",
"nissan",
"nissan",
"nissan",
"nissan",
"nissan",
"pontiac",
"pontiac",
"pontiac",
"pontiac",
"pontiac",
"subaru",
"subaru",
"subaru",
"subaru",
"subaru",
"subaru",
"subaru",
"subaru",
"subaru",
"subaru",
"subaru",
"subaru",
"subaru",
"subaru",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"toyota",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen",
"volkswagen"
],
"model": [
"a4",
"a4",
"a4",
"a4",
"a4",
"a4",
"a4",
"a4 quattro",
"a4 quattro",
"a4 quattro",
"a4 quattro",
"a4 quattro",
"a4 quattro",
"a4 quattro",
"a4 quattro",
"a6 quattro",
"a6 quattro",
"a6 quattro",
"c1500 suburban 2wd",
"c1500 suburban 2wd",
"c1500 suburban 2wd",
"c1500 suburban 2wd",
"c1500 suburban 2wd",
"corvette",
"corvette",
"corvette",
"corvette",
"corvette",
"k1500 tahoe 4wd",
"k1500 tahoe 4wd",
"k1500 tahoe 4wd",
"k1500 tahoe 4wd",
"malibu",
"malibu",
"malibu",
"malibu",
"malibu",
"caravan 2wd",
"caravan 2wd",
"caravan 2wd",
"caravan 2wd",
"caravan 2wd",
"caravan 2wd",
"caravan 2wd",
"caravan 2wd",
"caravan 2wd",
"caravan 2wd",
"caravan 2wd",
"dakota pickup 4wd",
"dakota pickup 4wd",
"dakota pickup 4wd",
"dakota pickup 4wd",
"dakota pickup 4wd",
"dakota pickup 4wd",
"dakota pickup 4wd",
"dakota pickup 4wd",
"dakota pickup 4wd",
"durango 4wd",
"durango 4wd",
"durango 4wd",
"durango 4wd",
"durango 4wd",
"durango 4wd",
"durango 4wd",
"ram 1500 pickup 4wd",
"ram 1500 pickup 4wd",
"ram 1500 pickup 4wd",
"ram 1500 pickup 4wd",
"ram 1500 pickup 4wd",
"ram 1500 pickup 4wd",
"ram 1500 pickup 4wd",
"ram 1500 pickup 4wd",
"ram 1500 pickup 4wd",
"ram 1500 pickup 4wd",
"expedition 2wd",
"expedition 2wd",
"expedition 2wd",
"explorer 4wd",
"explorer 4wd",
"explorer 4wd",
"explorer 4wd",
"explorer 4wd",
"explorer 4wd",
"f150 pickup 4wd",
"f150 pickup 4wd",
"f150 pickup 4wd",
"f150 pickup 4wd",
"f150 pickup 4wd",
"f150 pickup 4wd",
"f150 pickup 4wd",
"mustang",
"mustang",
"mustang",
"mustang",
"mustang",
"mustang",
"mustang",
"mustang",
"mustang",
"civic",
"civic",
"civic",
"civic",
"civic",
"civic",
"civic",
"civic",
"civic",
"sonata",
"sonata",
"sonata",
"sonata",
"sonata",
"sonata",
"sonata",
"tiburon",
"tiburon",
"tiburon",
"tiburon",
"tiburon",
"tiburon",
"tiburon",
"grand cherokee 4wd",
"grand cherokee 4wd",
"grand cherokee 4wd",
"grand cherokee 4wd",
"grand cherokee 4wd",
"grand cherokee 4wd",
"grand cherokee 4wd",
"grand cherokee 4wd",
"range rover",
"range rover",
"range rover",
"range rover",
"navigator 2wd",
"navigator 2wd",
"navigator 2wd",
"mountaineer 4wd",
"mountaineer 4wd",
"mountaineer 4wd",
"mountaineer 4wd",
"altima",
"altima",
"altima",
"altima",
"altima",
"altima",
"maxima",
"maxima",
"maxima",
"pathfinder 4wd",
"pathfinder 4wd",
"pathfinder 4wd",
"pathfinder 4wd",
"grand prix",
"grand prix",
"grand prix",
"grand prix",
"grand prix",
"forester awd",
"forester awd",
"forester awd",
"forester awd",
"forester awd",
"forester awd",
"impreza awd",
"impreza awd",
"impreza awd",
"impreza awd",
"impreza awd",
"impreza awd",
"impreza awd",
"impreza awd",
"4runner 4wd",
"4runner 4wd",
"4runner 4wd",
"4runner 4wd",
"4runner 4wd",
"4runner 4wd",
"camry",
"camry",
"camry",
"camry",
"camry",
"camry",
"camry",
"camry solara",
"camry solara",
"camry solara",
"camry solara",
"camry solara",
"camry solara",
"camry solara",
"corolla",
"corolla",
"corolla",
"corolla",
"corolla",
"land cruiser wagon 4wd",
"land cruiser wagon 4wd",
"toyota tacoma 4wd",
"toyota tacoma 4wd",
"toyota tacoma 4wd",
"toyota tacoma 4wd",
"toyota tacoma 4wd",
"toyota tacoma 4wd",
"toyota tacoma 4wd",
"gti",
"gti",
"gti",
"gti",
"gti",
"jetta",
"jetta",
"jetta",
"jetta",
"jetta",
"jetta",
"jetta",
"jetta",
"jetta",
"new beetle",
"new beetle",
"new beetle",
"new beetle",
"new beetle",
"new beetle",
"passat",
"passat",
"passat",
"passat",
"passat",
"passat",
"passat"
],
"trans": [
"auto(l5)",
"manual(m5)",
"manual(m6)",
"auto(av)",
"auto(l5)",
"manual(m5)",
"auto(av)",
"manual(m5)",
"auto(l5)",
"manual(m6)",
"auto(s6)",
"auto(l5)",
"manual(m5)",
"auto(s6)",
"manual(m6)",
"auto(l5)",
"auto(s6)",
"auto(s6)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"manual(m6)",
"auto(l4)",
"manual(m6)",
"auto(s6)",
"manual(m6)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(s6)",
"auto(l3)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l6)",
"auto(l6)",
"manual(m6)",
"auto(l4)",
"auto(l4)",
"manual(m5)",
"auto(l5)",
"auto(l5)",
"auto(l5)",
"manual(m5)",
"auto(l4)",
"auto(l4)",
"auto(l5)",
"auto(l5)",
"auto(l5)",
"auto(l4)",
"auto(l5)",
"auto(l4)",
"manual(m6)",
"auto(l5)",
"auto(l5)",
"auto(l5)",
"manual(m6)",
"manual(m6)",
"auto(l4)",
"manual(m5)",
"auto(l5)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l6)",
"auto(l5)",
"manual(m5)",
"auto(l5)",
"auto(l5)",
"auto(l6)",
"auto(l4)",
"auto(l4)",
"manual(m5)",
"manual(m5)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"manual(m5)",
"auto(l4)",
"manual(m5)",
"auto(l5)",
"auto(l4)",
"manual(m5)",
"manual(m5)",
"auto(l5)",
"manual(m6)",
"manual(m5)",
"auto(l4)",
"manual(m5)",
"manual(m5)",
"auto(l4)",
"manual(m5)",
"auto(l5)",
"auto(l5)",
"manual(m6)",
"auto(l4)",
"manual(m5)",
"auto(l4)",
"manual(m5)",
"auto(l4)",
"manual(m5)",
"auto(l5)",
"auto(l4)",
"manual(m5)",
"manual(m5)",
"auto(l4)",
"auto(l4)",
"manual(m6)",
"manual(m5)",
"auto(l5)",
"auto(l5)",
"auto(l4)",
"auto(l4)",
"auto(l5)",
"auto(l5)",
"auto(l5)",
"auto(l5)",
"auto(l4)",
"auto(s6)",
"auto(s6)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l6)",
"auto(l5)",
"auto(l5)",
"auto(l6)",
"auto(l4)",
"manual(m5)",
"auto(l4)",
"auto(av)",
"manual(m6)",
"manual(m6)",
"auto(av)",
"auto(l4)",
"manual(m5)",
"auto(av)",
"auto(l4)",
"manual(m5)",
"auto(l5)",
"auto(s5)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"auto(s4)",
"manual(m5)",
"auto(l4)",
"manual(m5)",
"manual(m5)",
"auto(l4)",
"auto(l4)",
"auto(l4)",
"manual(m5)",
"manual(m5)",
"auto(l4)",
"auto(s4)",
"auto(s4)",
"manual(m5)",
"manual(m5)",
"manual(m5)",
"auto(l4)",
"auto(l4)",
"manual(m5)",
"auto(l5)",
"auto(l5)",
"manual(m5)",
"auto(l4)",
"manual(m5)",
"auto(l5)",
"auto(l4)",
"manual(m5)",
"auto(s6)",
"auto(l4)",
"manual(m5)",
"manual(m5)",
"auto(s5)",
"auto(l4)",
"manual(m5)",
"auto(s5)",
"auto(l3)",
"auto(l4)",
"manual(m5)",
"manual(m5)",
"auto(l4)",
"auto(l4)",
"auto(s6)",
"manual(m5)",
"auto(l4)",
"manual(m5)",
"manual(m5)",
"auto(l4)",
"manual(m6)",
"auto(l5)",
"manual(m5)",
"auto(l4)",
"manual(m6)",
"auto(s6)",
"manual(m5)",
"manual(m5)",
"manual(m5)",
"auto(l4)",
"auto(s6)",
"manual(m6)",
"auto(s6)",
"manual(m5)",
"auto(l4)",
"manual(m5)",
"manual(m5)",
"auto(l4)",
"manual(m5)",
"auto(l4)",
"manual(m5)",
"auto(s6)",
"manual(m5)",
"auto(l5)",
"auto(s6)",
"manual(m6)",
"auto(l5)",
"manual(m5)",
"auto(s6)"
],
"untitled": [
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
24,
25,
26,
27,
28,
29,
30,
31,
32,
33,
34,
35,
36,
37,
38,
39,
40,
41,
42,
43,
44,
45,
46,
47,
48,
49,
50,
51,
52,
53,
54,
55,
56,
57,
58,
59,
60,
61,
62,
63,
64,
65,
66,
67,
68,
69,
70,
71,
72,
73,
74,
75,
76,
77,
78,
79,
80,
81,
82,
83,
84,
85,
86,
87,
88,
89,
90,
91,
92,
93,
94,
95,
96,
97,
98,
99,
100,
101,
102,
103,
104,
105,
106,
107,
108,
109,
110,
111,
112,
113,
114,
115,
116,
117,
118,
119,
120,
121,
122,
123,
124,
125,
126,
127,
128,
129,
130,
131,
132,
133,
134,
135,
136,
137,
138,
139,
140,
141,
142,
143,
144,
145,
146,
147,
148,
149,
150,
151,
152,
153,
154,
155,
156,
157,
158,
159,
160,
161,
162,
163,
164,
165,
166,
167,
168,
169,
170,
171,
172,
173,
174,
175,
176,
177,
178,
179,
180,
181,
182,
183,
184,
185,
186,
187,
188,
189,
190,
191,
192,
193,
194,
195,
196,
197,
198,
199,
200,
201,
202,
203,
204,
205,
206,
207,
208,
209,
210,
211,
212,
213,
214,
215,
216,
217,
218,
219,
220,
221,
222,
223,
224,
225,
226,
227,
228,
229,
230,
231,
232,
233,
234
],
"year": [
1999,
1999,
2008,
2008,
1999,
1999,
2008,
1999,
1999,
2008,
2008,
1999,
1999,
2008,
2008,
1999,
2008,
2008,
2008,
2008,
2008,
1999,
2008,
1999,
1999,
2008,
2008,
2008,
2008,
2008,
1999,
1999,
1999,
2008,
1999,
2008,
2008,
1999,
1999,
1999,
1999,
2008,
2008,
2008,
1999,
1999,
2008,
2008,
2008,
2008,
1999,
1999,
2008,
2008,
2008,
1999,
1999,
1999,
2008,
2008,
2008,
1999,
2008,
1999,
2008,
2008,
2008,
2008,
2008,
2008,
1999,
1999,
2008,
1999,
1999,
1999,
2008,
1999,
1999,
1999,
2008,
2008,
1999,
1999,
1999,
1999,
1999,
2008,
1999,
2008,
1999,
1999,
2008,
2008,
1999,
1999,
2008,
2008,
2008,
1999,
1999,
1999,
1999,
1999,
2008,
2008,
2008,
2008,
1999,
1999,
2008,
2008,
1999,
1999,
2008,
1999,
1999,
2008,
2008,
2008,
2008,
2008,
2008,
2008,
1999,
1999,
2008,
2008,
2008,
2008,
1999,
2008,
2008,
1999,
1999,
1999,
2008,
1999,
2008,
2008,
1999,
1999,
1999,
2008,
2008,
2008,
2008,
1999,
1999,
2008,
1999,
1999,
2008,
2008,
1999,
1999,
1999,
2008,
2008,
1999,
1999,
2008,
2008,
2008,
2008,
1999,
1999,
1999,
1999,
2008,
2008,
2008,
2008,
1999,
1999,
1999,
1999,
2008,
2008,
1999,
1999,
2008,
2008,
1999,
1999,
2008,
1999,
1999,
2008,
2008,
1999,
1999,
2008,
1999,
1999,
1999,
2008,
2008,
1999,
2008,
1999,
1999,
2008,
1999,
1999,
2008,
2008,
1999,
1999,
2008,
2008,
1999,
1999,
1999,
1999,
2008,
2008,
2008,
2008,
1999,
1999,
1999,
1999,
1999,
1999,
2008,
2008,
1999,
1999,
2008,
2008,
1999,
1999,
2008
]
},
"data_meta": {
"series_annotations": [
{
"column": "untitled",
"type": "int"
},
{
"column": "manufacturer",
"type": "str"
},
{
"column": "model",
"type": "str"
},
{
"column": "displ",
"type": "float"
},
{
"column": "year",
"type": "int"
},
{
"column": "cyl",
"type": "int"
},
{
"column": "trans",
"type": "str"
},
{
"column": "cty",
"type": "int"
},
{
"column": "hwy",
"type": "int"
},
{
"column": "class",
"type": "str"
}
]
},
"ggtitle": {
"subtitle": "**City milage** *vs* **displacement**",
"text": "<span style=\"color:#66c2a5\">**Forward**</span>, <span style=\"color:#8da0cb\">**Rear**</span> and <span style=\"color:#fc8d62\">**4WD**</span> Drivetrain"
},
"guides": {
"x": {
"title": "Displacement (***inches***)"
},
"y": {
"title": "Miles per gallon (***cty***)"
}
},
"kind": "plot",
"layers": [
{
"geom": "point",
"mapping": {
"color": "drv",
"x": "displ",
"y": "cty"
},
"position": "identity",
"size": 8,
"stat": "identity"
}
],
"mapping": {},
"scales": [
{
"aesthetic": "color",
"guide": "none",
"values": [
"#66c2a5",
"#fc8d62",
"#8da0cb"
]
}
],
"theme": {
"plot_subtitle": {
"blank": false,
"family": "Georgia",
"hjust": 0.5
},
"plot_title": {
"blank": false,
"family": "Georgia",
"hjust": 0.5,
"size": 30
},
"title": {
"blank": false,
"markdown": true
}
}
},
"output_type": "lets_plot_spec",
"swing_enabled": true
},
"text/html": [
" <div id=\"yt8rGx\"></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(\"yt8rGx\");\n",
" let fig = null;\n",
" \n",
" function renderPlot() {\n",
" if (fig === null) {\n",
" const plotSpec = {\n",
"\"ggtitle\":{\n",
"\"text\":\"<span style=\\\"color:#66c2a5\\\">**Forward**</span>, <span style=\\\"color:#8da0cb\\\">**Rear**</span> and <span style=\\\"color:#fc8d62\\\">**4WD**</span> Drivetrain\",\n",
"\"subtitle\":\"**City milage** *vs* **displacement**\"\n",
"},\n",
"\"mapping\":{\n",
"},\n",
"\"guides\":{\n",
"\"x\":{\n",
"\"title\":\"Displacement (***inches***)\"\n",
"},\n",
"\"y\":{\n",
"\"title\":\"Miles per gallon (***cty***)\"\n",
"}\n",
"},\n",
"\"data\":{\n",
"\"displ\":[1.8,1.8,2.0,2.0,2.8,2.8,3.1,1.8,1.8,2.0,2.0,2.8,2.8,3.1,3.1,2.8,3.1,4.2,5.3,5.3,5.3,5.7,6.0,5.7,5.7,6.2,6.2,7.0,5.3,5.3,5.7,6.5,2.4,2.4,3.1,3.5,3.6,2.4,3.0,3.3,3.3,3.3,3.3,3.3,3.8,3.8,3.8,4.0,3.7,3.7,3.9,3.9,4.7,4.7,4.7,5.2,5.2,3.9,4.7,4.7,4.7,5.2,5.7,5.9,4.7,4.7,4.7,4.7,4.7,4.7,5.2,5.2,5.7,5.9,4.6,5.4,5.4,4.0,4.0,4.0,4.0,4.6,5.0,4.2,4.2,4.6,4.6,4.6,5.4,5.4,3.8,3.8,4.0,4.0,4.6,4.6,4.6,4.6,5.4,1.6,1.6,1.6,1.6,1.6,1.8,1.8,1.8,2.0,2.4,2.4,2.4,2.4,2.5,2.5,3.3,2.0,2.0,2.0,2.0,2.7,2.7,2.7,3.0,3.7,4.0,4.7,4.7,4.7,5.7,6.1,4.0,4.2,4.4,4.6,5.4,5.4,5.4,4.0,4.0,4.6,5.0,2.4,2.4,2.5,2.5,3.5,3.5,3.0,3.0,3.5,3.3,3.3,4.0,5.6,3.1,3.8,3.8,3.8,5.3,2.5,2.5,2.5,2.5,2.5,2.5,2.2,2.2,2.5,2.5,2.5,2.5,2.5,2.5,2.7,2.7,3.4,3.4,4.0,4.7,2.2,2.2,2.4,2.4,3.0,3.0,3.5,2.2,2.2,2.4,2.4,3.0,3.0,3.3,1.8,1.8,1.8,1.8,1.8,4.7,5.7,2.7,2.7,2.7,3.4,3.4,4.0,4.0,2.0,2.0,2.0,2.0,2.8,1.9,2.0,2.0,2.0,2.0,2.5,2.5,2.8,2.8,1.9,1.9,2.0,2.0,2.5,2.5,1.8,1.8,2.0,2.0,2.8,2.8,3.6],\n",
"\"drv\":[\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"r\",\"r\",\"r\",\"r\",\"r\",\"r\",\"r\",\"r\",\"r\",\"r\",\"4\",\"4\",\"4\",\"4\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"r\",\"r\",\"r\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"r\",\"r\",\"r\",\"r\",\"r\",\"r\",\"r\",\"r\",\"r\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"r\",\"r\",\"r\",\"4\",\"4\",\"4\",\"4\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"4\",\"4\",\"4\",\"4\",\"f\",\"f\",\"f\",\"f\",\"f\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"4\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\",\"f\"],\n",
"\"cty\":[18.0,21.0,20.0,21.0,16.0,18.0,18.0,18.0,16.0,20.0,19.0,15.0,17.0,17.0,15.0,15.0,17.0,16.0,14.0,11.0,14.0,13.0,12.0,16.0,15.0,16.0,15.0,15.0,14.0,11.0,11.0,14.0,19.0,22.0,18.0,18.0,17.0,18.0,17.0,16.0,16.0,17.0,17.0,11.0,15.0,15.0,16.0,16.0,15.0,14.0,13.0,14.0,14.0,14.0,9.0,11.0,11.0,13.0,13.0,9.0,13.0,11.0,13.0,11.0,12.0,9.0,13.0,13.0,12.0,9.0,11.0,11.0,13.0,11.0,11.0,11.0,12.0,14.0,15.0,14.0,13.0,13.0,13.0,14.0,14.0,13.0,13.0,13.0,11.0,13.0,18.0,18.0,17.0,16.0,15.0,15.0,15.0,15.0,14.0,28.0,24.0,25.0,23.0,24.0,26.0,25.0,24.0,21.0,18.0,18.0,21.0,21.0,18.0,18.0,19.0,19.0,19.0,20.0,20.0,17.0,16.0,17.0,17.0,15.0,15.0,14.0,9.0,14.0,13.0,11.0,11.0,12.0,12.0,11.0,11.0,11.0,12.0,14.0,13.0,13.0,13.0,21.0,19.0,23.0,23.0,19.0,19.0,18.0,19.0,19.0,14.0,15.0,14.0,12.0,18.0,16.0,17.0,18.0,16.0,18.0,18.0,20.0,19.0,20.0,18.0,21.0,19.0,19.0,19.0,20.0,20.0,19.0,20.0,15.0,16.0,15.0,15.0,16.0,14.0,21.0,21.0,21.0,21.0,18.0,18.0,19.0,21.0,21.0,21.0,22.0,18.0,18.0,18.0,24.0,24.0,26.0,28.0,26.0,11.0,13.0,15.0,16.0,17.0,15.0,15.0,15.0,16.0,21.0,19.0,21.0,22.0,17.0,33.0,21.0,19.0,22.0,21.0,21.0,21.0,16.0,17.0,35.0,29.0,21.0,19.0,20.0,20.0,21.0,18.0,19.0,21.0,16.0,18.0,17.0]\n",
"},\n",
"\"kind\":\"plot\",\n",
"\"scales\":[{\n",
"\"aesthetic\":\"color\",\n",
"\"values\":[\"#66c2a5\",\"#fc8d62\",\"#8da0cb\"],\n",
"\"guide\":\"none\"\n",
"}],\n",
"\"layers\":[{\n",
"\"mapping\":{\n",
"\"x\":\"displ\",\n",
"\"y\":\"cty\",\n",
"\"color\":\"drv\"\n",
"},\n",
"\"stat\":\"identity\",\n",
"\"size\":8.0,\n",
"\"position\":\"identity\",\n",
"\"geom\":\"point\",\n",
"\"data\":{\n",
"}\n",
"}],\n",
"\"caption\":{\n",
"\"text\":\"<span style='color:grey'>Powered by <a href='https://lets-plot.org'>Lets-Plot</a>. \\nVisit the <a href='https://github.com/jetbrains/lets-plot/issues'>issue tracker</a> for feedback.</span>\"\n",
"},\n",
"\"theme\":{\n",
"\"title\":{\n",
"\"markdown\":true,\n",
"\"blank\":false\n",
"},\n",
"\"plot_title\":{\n",
"\"family\":\"Georgia\",\n",
"\"size\":30.0,\n",
"\"hjust\":0.5,\n",
"\"blank\":false\n",
"},\n",
"\"plot_subtitle\":{\n",
"\"family\":\"Georgia\",\n",
"\"hjust\":0.5,\n",
"\"blank\":false\n",
"}\n",
"},\n",
"\"data_meta\":{\n",
"\"series_annotations\":[{\n",
"\"type\":\"int\",\n",
"\"column\":\"untitled\"\n",
"},{\n",
"\"type\":\"str\",\n",
"\"column\":\"manufacturer\"\n",
"},{\n",
"\"type\":\"str\",\n",
"\"column\":\"model\"\n",
"},{\n",
"\"type\":\"float\",\n",
"\"column\":\"displ\"\n",
"},{\n",
"\"type\":\"int\",\n",
"\"column\":\"year\"\n",
"},{\n",
"\"type\":\"int\",\n",
"\"column\":\"cyl\"\n",
"},{\n",
"\"type\":\"str\",\n",
"\"column\":\"trans\"\n",
"},{\n",
"\"type\":\"int\",\n",
"\"column\":\"cty\"\n",
"},{\n",
"\"type\":\"int\",\n",
"\"column\":\"hwy\"\n",
"},{\n",
"\"type\":\"str\",\n",
"\"column\":\"class\"\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=0f4b03e5-42be-42e2-a099-1f24a80fb054 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",
"#pH23nH5 .plot-title {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
" font-style: normal;font-family: Georgia;\n",
"font-size: 30.0px;\n",
"\n",
"}\n",
"#pH23nH5 .plot-subtitle {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
" font-style: normal;font-family: Georgia;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#pH23nH5 .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",
"#pH23nH5 .hyperlink-element {\n",
"fill: #118ed8;\n",
"font-weight: normal;\n",
" font-style: normal;\n",
"}\n",
"#pH23nH5 .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",
"#pH23nH5 .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",
"#pH23nH5 .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",
"#pH23nH5 .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",
"#dfNt5Ng .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",
"#pH23nH5 .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",
"#pH23nH5 .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",
"#dfNt5Ng .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",
"#pH23nH5 .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",
"#pH23nH5 .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",
"#dfNt5Ng .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",
"#dfNt5Ng .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",
"#dfNt5Ng .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=\"pH23nH5\">\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(29.5 59.5 ) \">\n",
" <g>\n",
" <g transform=\"translate(21.961210910936405 0.0 ) \">\n",
" <g>\n",
" <line x1=\"61.13905533496171\" y1=\"0.0\" x2=\"61.13905533496171\" y2=\"258.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"152.39137673042694\" y1=\"0.0\" x2=\"152.39137673042694\" y2=\"258.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"243.64369812589223\" y1=\"0.0\" x2=\"243.64369812589223\" y2=\"258.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"334.8960195213575\" y1=\"0.0\" x2=\"334.8960195213575\" y2=\"258.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"426.1483409168227\" y1=\"0.0\" x2=\"426.1483409168227\" y2=\"258.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"517.400662312288\" y1=\"0.0\" x2=\"517.400662312288\" y2=\"258.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(21.961210910936405 0.0 ) \">\n",
" <g>\n",
" <line x1=\"0.0\" y1=\"237.25174825174824\" x2=\"542.0387890890636\" y2=\"237.25174825174824\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"192.14685314685312\" x2=\"542.0387890890636\" y2=\"192.14685314685312\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"147.04195804195803\" x2=\"542.0387890890636\" y2=\"147.04195804195803\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"101.9370629370629\" x2=\"542.0387890890636\" y2=\"101.9370629370629\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"56.832167832167784\" x2=\"542.0387890890636\" y2=\"56.832167832167784\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"11.727272727272691\" x2=\"542.0387890890636\" y2=\"11.727272727272691\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g clip-path=\"url(#c1Aet4T)\" clip-bounds-jfx=\"[rect (21.961210910936405, 0.0), (542.0387890890636, 258.0)]\">\n",
" <g transform=\"translate(21.961210910936405 0.0 ) \">\n",
" <g>\n",
" <g>\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"42.88859105586866\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"42.88859105586866\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"147.04195804195803\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"134.1409124513339\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"134.1409124513339\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"161.51660886997348\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"42.88859105586866\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"42.88859105586866\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"147.04195804195803\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"134.1409124513339\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"134.1409124513339\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"161.51660886997348\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"161.51660886997348\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"134.1409124513339\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"161.51660886997348\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"261.8941624049853\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"362.271715939997\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"362.271715939997\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"362.271715939997\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"398.77264449818324\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"426.1483409168227\" cy=\"219.20979020979019\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"398.77264449818324\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"398.77264449818324\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"444.39880519591577\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"444.39880519591577\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"517.400662312288\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"362.271715939997\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"362.271715939997\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"398.77264449818324\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"471.77450161455533\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"97.63998389314781\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"97.63998389314781\" cy=\"128.99999999999997\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"161.51660886997348\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"198.01753742815959\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"207.14276956770613\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"97.63998389314781\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"152.39137673042694\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"179.7670731490665\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"179.7670731490665\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"179.7670731490665\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"179.7670731490665\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"179.7670731490665\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"225.39323384679915\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"225.39323384679915\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"225.39323384679915\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"243.64369812589223\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"216.26800170725267\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"216.26800170725267\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"234.5184659863457\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"234.5184659863457\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"246.27272727272725\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"353.14648380045054\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"353.14648380045054\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"234.5184659863457\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"246.27272727272725\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"353.14648380045054\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"398.77264449818324\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"417.0231087772762\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"219.20979020979019\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"246.27272727272725\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"219.20979020979019\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"246.27272727272725\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"353.14648380045054\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"353.14648380045054\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"398.77264449818324\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"417.0231087772762\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"298.39509096317136\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"371.3969480795436\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"371.3969480795436\" cy=\"219.20979020979019\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"243.64369812589223\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"243.64369812589223\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"243.64369812589223\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"243.64369812589223\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"298.39509096317136\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"334.8960195213575\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"261.8941624049853\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"261.8941624049853\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"298.39509096317136\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"298.39509096317136\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"298.39509096317136\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"371.3969480795436\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"371.3969480795436\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"225.39323384679915\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"225.39323384679915\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"243.64369812589223\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"243.64369812589223\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"298.39509096317136\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"298.39509096317136\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"298.39509096317136\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"298.39509096317136\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"371.3969480795436\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"24.638126776775607\" cy=\"74.87412587412584\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"24.638126776775607\" cy=\"110.95804195804192\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"24.638126776775607\" cy=\"101.9370629370629\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"24.638126776775607\" cy=\"119.97902097902096\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"24.638126776775607\" cy=\"110.95804195804192\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"42.88859105586866\" cy=\"92.91608391608389\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"42.88859105586866\" cy=\"101.9370629370629\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"42.88859105586866\" cy=\"110.95804195804192\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"97.63998389314781\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"97.63998389314781\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"97.63998389314781\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"97.63998389314781\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"179.7670731490665\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"147.04195804195803\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"147.04195804195803\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"125.0156803117874\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"125.0156803117874\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"125.0156803117874\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"152.39137673042694\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"216.26800170725267\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"243.64369812589223\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"246.27272727272725\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"398.77264449818324\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"435.2735730563693\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"243.64369812589223\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"261.8941624049853\" cy=\"219.20979020979019\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"280.1446266840784\" cy=\"219.20979020979019\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"298.39509096317136\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"371.3969480795436\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"371.3969480795436\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#8da0cb\" stroke=\"#8da0cb\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"371.3969480795436\" cy=\"219.20979020979019\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"243.64369812589223\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"243.64369812589223\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"298.39509096317136\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"334.8960195213575\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"97.63998389314781\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"97.63998389314781\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"119.97902097902096\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"119.97902097902096\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"198.01753742815959\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"198.01753742815959\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"152.39137673042694\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"152.39137673042694\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"198.01753742815959\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"179.7670731490665\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"179.7670731490665\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"243.64369812589223\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"389.6474123586366\" cy=\"219.20979020979019\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"161.51660886997348\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"225.39323384679915\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"225.39323384679915\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"225.39323384679915\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"362.271715939997\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"147.04195804195803\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"147.04195804195803\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"79.38951961405479\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"79.38951961405479\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"147.04195804195803\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"147.04195804195803\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"147.04195804195803\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"125.0156803117874\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"125.0156803117874\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"188.89230528861304\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"188.89230528861304\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"243.64369812589223\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"201.16783216783216\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"79.38951961405479\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"79.38951961405479\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"97.63998389314781\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"97.63998389314781\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"152.39137673042694\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"152.39137673042694\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"198.01753742815959\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"79.38951961405479\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"79.38951961405479\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"97.63998389314781\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"97.63998389314781\" cy=\"128.99999999999997\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"152.39137673042694\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"152.39137673042694\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"179.7670731490665\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"42.88859105586866\" cy=\"110.95804195804192\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"42.88859105586866\" cy=\"110.95804195804192\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"42.88859105586866\" cy=\"92.91608391608389\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"42.88859105586866\" cy=\"74.87412587412584\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"42.88859105586866\" cy=\"92.91608391608389\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"307.52032310271795\" cy=\"228.23076923076923\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"398.77264449818324\" cy=\"210.18881118881117\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"125.0156803117874\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"125.0156803117874\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"125.0156803117874\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"188.89230528861304\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"188.89230528861304\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"243.64369812589223\" cy=\"192.14685314685312\" r=\"8.8\" />\n",
" <circle fill=\"#fc8d62\" stroke=\"#fc8d62\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"243.64369812589223\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"128.99999999999997\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"134.1409124513339\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"52.01382319541517\" cy=\"29.769230769230717\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"128.99999999999997\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"134.1409124513339\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"134.1409124513339\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"52.01382319541517\" cy=\"11.727272727272691\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"52.01382319541517\" cy=\"65.85314685314682\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"147.04195804195803\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"106.76521603269435\" cy=\"147.04195804195803\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"42.88859105586866\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"42.88859105586866\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"156.06293706293704\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"61.13905533496171\" cy=\"138.02097902097898\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"134.1409124513339\" cy=\"183.1258741258741\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"134.1409124513339\" cy=\"165.08391608391605\" r=\"8.8\" />\n",
" <circle fill=\"#66c2a5\" stroke=\"#66c2a5\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"207.14276956770613\" cy=\"174.1048951048951\" r=\"8.8\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <defs>\n",
" <clipPath id=\"c1Aet4T\">\n",
" <rect x=\"21.961210910936405\" y=\"0.0\" width=\"542.0387890890636\" height=\"258.0\">\n",
" </rect>\n",
" </clipPath>\n",
" </defs>\n",
" </g>\n",
" <g>\n",
" <g transform=\"translate(21.961210910936405 258.0 ) \">\n",
" <g transform=\"translate(61.13905533496171 0.0 ) \">\n",
" <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
" </line>\n",
" <g transform=\"translate(0.0 7.0 ) \">\n",
" <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\" y=\"0.0\">\n",
" <tspan>2</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(152.39137673042694 0.0 ) \">\n",
" <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
" </line>\n",
" <g transform=\"translate(0.0 7.0 ) \">\n",
" <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\" y=\"0.0\">\n",
" <tspan>3</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(243.64369812589223 0.0 ) \">\n",
" <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
" </line>\n",
" <g transform=\"translate(0.0 7.0 ) \">\n",
" <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\" y=\"0.0\">\n",
" <tspan>4</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(334.8960195213575 0.0 ) \">\n",
" <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
" </line>\n",
" <g transform=\"translate(0.0 7.0 ) \">\n",
" <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\" y=\"0.0\">\n",
" <tspan>5</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(426.1483409168227 0.0 ) \">\n",
" <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
" </line>\n",
" <g transform=\"translate(0.0 7.0 ) \">\n",
" <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\" y=\"0.0\">\n",
" <tspan>6</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(517.400662312288 0.0 ) \">\n",
" <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
" </line>\n",
" <g transform=\"translate(0.0 7.0 ) \">\n",
" <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\" y=\"0.0\">\n",
" <tspan>7</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <line x1=\"0.0\" y1=\"0.0\" x2=\"542.0387890890636\" y2=\"0.0\" stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\">\n",
" </line>\n",
" </g>\n",
" <g transform=\"translate(21.961210910936405 0.0 ) \">\n",
" <g transform=\"translate(0.0 237.25174825174824 ) \">\n",
" <g transform=\"translate(-3.0 0.0 ) \">\n",
" <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\" y=\"0.0\">\n",
" <tspan>10</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 192.14685314685312 ) \">\n",
" <g transform=\"translate(-3.0 0.0 ) \">\n",
" <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\" y=\"0.0\">\n",
" <tspan>15</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 147.04195804195803 ) \">\n",
" <g transform=\"translate(-3.0 0.0 ) \">\n",
" <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\" y=\"0.0\">\n",
" <tspan>20</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 101.9370629370629 ) \">\n",
" <g transform=\"translate(-3.0 0.0 ) \">\n",
" <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\" y=\"0.0\">\n",
" <tspan>25</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 56.832167832167784 ) \">\n",
" <g transform=\"translate(-3.0 0.0 ) \">\n",
" <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\" y=\"0.0\">\n",
" <tspan>30</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 11.727272727272691 ) \">\n",
" <g transform=\"translate(-3.0 0.0 ) \">\n",
" <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\" y=\"0.0\">\n",
" <tspan>35</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(322.4806054554682 28.0 ) \">\n",
" <text class=\"plot-title\" y=\"0.0\" text-anchor=\"middle\">\n",
" <tspan fill=\"rgb(102,194,165)\" fill-opacity=\"1.0\" font-weight=\"bold\">Forward</tspan><tspan>, </tspan><tspan fill=\"rgb(141,160,203)\" fill-opacity=\"1.0\" font-weight=\"bold\">Rear</tspan><tspan> and </tspan><tspan fill=\"rgb(252,141,98)\" fill-opacity=\"1.0\" font-weight=\"bold\">4WD</tspan><tspan> Drivetrain</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(322.4806054554682 50.0 ) \">\n",
" <text class=\"plot-subtitle\" y=\"0.0\" text-anchor=\"middle\">\n",
" <tspan font-weight=\"bold\">City milage</tspan><tspan> </tspan><tspan font-style=\"italic\">vs</tspan><tspan> </tspan><tspan font-weight=\"bold\">displacement</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(16.0 188.5 ) rotate(-90.0 ) \">\n",
" <text class=\"axis-title-y\" y=\"0.0\" text-anchor=\"middle\">\n",
" <tspan>Miles per gallon (</tspan><tspan font-weight=\"bold\" font-style=\"italic\">cty</tspan><tspan>)</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(322.4806054554682 363.0 ) \">\n",
" <text class=\"axis-title-x\" y=\"0.0\" text-anchor=\"middle\">\n",
" <tspan>Displacement (</tspan><tspan font-weight=\"bold\" font-style=\"italic\">inches</tspan><tspan>)</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(593.5 380.4 ) \">\n",
" <text class=\"plot-caption\" y=\"0.0\" text-anchor=\"end\">\n",
" <tspan fill=\"rgb(128,128,128)\" fill-opacity=\"1.0\">Powered by </tspan><a href=\"https://lets-plot.org\" xlink:href=\"https://lets-plot.org\"><tspan class=\"hyperlink-element\">Lets-Plot</tspan></a><tspan fill=\"rgb(128,128,128)\" fill-opacity=\"1.0\">.</tspan>\n",
" </text>\n",
" <text class=\"plot-caption\" y=\"13.0\" text-anchor=\"end\">\n",
" <tspan fill=\"rgb(128,128,128)\" fill-opacity=\"1.0\">Visit the </tspan><a href=\"https://github.com/jetbrains/lets-plot/issues\" xlink:href=\"https://github.com/jetbrains/lets-plot/issues\"><tspan class=\"hyperlink-element\">issue tracker</tspan></a><tspan fill=\"rgb(128,128,128)\" fill-opacity=\"1.0\"> for feedback.</tspan>\n",
" </text>\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=\"dfNt5Ng\">\n",
" </g>\n",
"</svg>\n",
" <script>document.getElementById(\"0f4b03e5-42be-42e2-a099-1f24a80fb054\").style.display = \"none\";</script>"
]
},
"execution_count": 3,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"letsPlot(df.toMap()) +\n",
" geomPoint(size=8) { x=\"displ\"; y=\"cty\"; color=\"drv\" } +\n",
" scaleColorManual(listOf(\"#66c2a5\", \"#fc8d62\", \"#8da0cb\"), guide=\"none\") +\n",
"\n",
" // Enable Markdown in all titles\n",
" theme(title=elementMarkdown()) +\n",
"\n",
" // Adjust style of title and subtitle\n",
" theme(plotTitle=elementText(size=30, family=\"Georgia\", hjust=0.5), \n",
" plotSubtitle=elementText(family=\"Georgia\", hjust=0.5)) +\n",
"\n",
" labs(\n",
"\n",
" // Span styling, mixing style and emphasis\n",
" title=\n",
" \"\"\"<span style=\"color:#66c2a5\">**Forward**</span>, \"\"\" +\n",
" \"\"\"<span style=\"color:#8da0cb\">**Rear**</span> and \"\"\" +\n",
" \"\"\"<span style=\"color:#fc8d62\">**4WD**</span> Drivetrain\"\"\",\n",
"\n",
" // Simple emphasis\n",
" subtitle=\"**City milage** *vs* **displacement**\", \n",
"\n",
" // multiline caption, multiline style span, links \n",
" caption=\"<span style='color:grey'>\" + \n",
" \"Powered by <a href='https://lets-plot.org'>Lets-Plot</a>. \\n\" +\n",
" \"Visit the <a href='https://github.com/jetbrains/lets-plot/issues'>issue tracker</a> for feedback.\" +\n",
" \"</span>\",\n",
"\n",
" // Axis titles\n",
" x=\"Displacement (***inches***)\",\n",
" y=\"Miles per gallon (***cty***)\"\n",
" )\n",
"\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
}