source/kotlin_examples/cookbook/aes_stroke.ipynb (3,519 lines of code) (raw):
{
"cells": [
{
"cell_type": "markdown",
"id": "38d33391",
"metadata": {},
"source": [
"# `stroke` aesthetic\n",
"\n",
"Affects the thickness of the point boundaries (in case the given shape has a boundary).\n",
"\n",
"Available for the following geometries: `geomPoint()`, `geomJitter()`, `geomQQ()`, `geomQQ2()`, `geomPointRange()`, `geomDotplot()`, `geomYDotplot()`."
]
},
{
"cell_type": "code",
"execution_count": 1,
"id": "2414e10d",
"metadata": {
"execution": {
"iopub.execute_input": "2025-12-03T15:56:53.734661Z",
"iopub.status.busy": "2025-12-03T15:56:53.733193Z",
"iopub.status.idle": "2025-12-03T15:56:55.638548Z",
"shell.execute_reply": "2025-12-03T15:56:55.638350Z"
}
},
"outputs": [
{
"data": {
"text/html": [
" <div id=\"Xm6Zbf\"></div>\n",
" <script type=\"text/javascript\" data-lets-plot-script=\"library\">\n",
" if(!window.letsPlotCallQueue) {\n",
" window.letsPlotCallQueue = [];\n",
" }; \n",
" window.letsPlotCall = function(f) {\n",
" window.letsPlotCallQueue.push(f);\n",
" };\n",
" (function() {\n",
" var script = document.createElement(\"script\");\n",
" script.type = \"text/javascript\";\n",
" script.src = \"https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.8.1/js-package/distr/lets-plot.min.js\";\n",
" script.onload = function() {\n",
" window.letsPlotCall = function(f) {f();};\n",
" window.letsPlotCallQueue.forEach(function(f) {f();});\n",
" window.letsPlotCallQueue = [];\n",
" \n",
" \n",
" };\n",
" script.onerror = function(event) {\n",
" window.letsPlotCall = function(f) {};\n",
" window.letsPlotCallQueue = [];\n",
" var div = document.createElement(\"div\");\n",
" div.style.color = 'darkred';\n",
" div.textContent = 'Error loading Lets-Plot JS';\n",
" document.getElementById(\"Xm6Zbf\").appendChild(div);\n",
" };\n",
" var e = document.getElementById(\"Xm6Zbf\");\n",
" e.appendChild(script);\n",
" })();\n",
" </script>"
]
},
"metadata": {},
"output_type": "display_data"
},
{
"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[\"letsPlotJs\"]) {\n",
" var resQueue = [];\n",
" window.kotlinQueues[\"letsPlotJs\"] = resQueue;\n",
" window[\"call_letsPlotJs\"] = function(f) {\n",
" resQueue.push(f);\n",
" }\n",
" }\n",
" (function (){\n",
" var modifiers = [(function(script) {\n",
" script.src = \"https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.8.1/js-package/distr/lets-plot.min.js\"\n",
" script.type = \"text/javascript\";\n",
"})];\n",
" var e = document.getElementById(\"kotlin_out_0\");\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_0\").appendChild(div);\n",
" }, false);\n",
" \n",
" e.appendChild(script);\n",
" });\n",
" })();\n",
" </script>"
]
},
"metadata": {},
"output_type": "display_data"
}
],
"source": [
"%useLatestDescriptors\n",
"%use lets-plot"
]
},
{
"cell_type": "code",
"execution_count": 2,
"id": "49a95a58",
"metadata": {
"execution": {
"iopub.execute_input": "2025-12-03T15:56:55.641019Z",
"iopub.status.busy": "2025-12-03T15:56:55.640490Z",
"iopub.status.idle": "2025-12-03T15:56:55.676627Z",
"shell.execute_reply": "2025-12-03T15:56:55.676043Z"
}
},
"outputs": [
{
"data": {
"text/plain": [
"Lets-Plot Kotlin API v.4.12.0. Frontend: Notebook with dynamically loaded JS. Lets-Plot JS v.4.8.1.\n",
"Outputs: Web (HTML+JS), Kotlin Notebook (Swing), Static SVG (hidden)"
]
},
"execution_count": 2,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"LetsPlot.getInfo()"
]
},
{
"cell_type": "code",
"execution_count": 3,
"id": "7795fa94",
"metadata": {
"execution": {
"iopub.execute_input": "2025-12-03T15:56:55.678731Z",
"iopub.status.busy": "2025-12-03T15:56:55.678236Z",
"iopub.status.idle": "2025-12-03T15:56:55.892169Z",
"shell.execute_reply": "2025-12-03T15:56:55.891814Z"
}
},
"outputs": [],
"source": [
"val n = 26\n",
"val data1 = mapOf(\n",
" \"x\" to List(4) { (0..6) }.flatten().take(n),\n",
" \"y\" to (3 downTo 0).flatMap { y -> List(7) { y } }.take(n),\n",
" \"shape\" to (0 until n).toList()\n",
")"
]
},
{
"cell_type": "code",
"execution_count": 4,
"id": "1b7975fc",
"metadata": {
"execution": {
"iopub.execute_input": "2025-12-03T15:56:55.894185Z",
"iopub.status.busy": "2025-12-03T15:56:55.893655Z",
"iopub.status.idle": "2025-12-03T15:56:55.986350Z",
"shell.execute_reply": "2025-12-03T15:56:55.986092Z"
}
},
"outputs": [],
"source": [
"val p1 = letsPlot(data1) { x = \"x\"; y = \"y\" } + \n",
" scaleShapeIdentity() + \n",
" lims(x = -1 to 7, y = -1 to 4) +\n",
" theme().legendPositionNone()"
]
},
{
"cell_type": "markdown",
"id": "788ed3dd",
"metadata": {},
"source": [
"#### 1. Default Stroke"
]
},
{
"cell_type": "code",
"execution_count": 5,
"id": "fbbf5d7f",
"metadata": {
"execution": {
"iopub.execute_input": "2025-12-03T15:56:55.988512Z",
"iopub.status.busy": "2025-12-03T15:56:55.987947Z",
"iopub.status.idle": "2025-12-03T15:56:56.208561Z",
"shell.execute_reply": "2025-12-03T15:56:56.208688Z"
}
},
"outputs": [
{
"data": {
"text/html": [
" <div id=\"Myc7Jh\"></div>\n",
" <script type=\"text/javascript\" data-lets-plot-script=\"library\">\n",
" if(!window.letsPlotCallQueue) {\n",
" window.letsPlotCallQueue = [];\n",
" }; \n",
" window.letsPlotCall = function(f) {\n",
" window.letsPlotCallQueue.push(f);\n",
" };\n",
" (function() {\n",
" var script = document.createElement(\"script\");\n",
" script.type = \"text/javascript\";\n",
" script.src = \"https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.8.1/js-package/distr/lets-plot.min.js\";\n",
" script.onload = function() {\n",
" window.letsPlotCall = function(f) {f();};\n",
" window.letsPlotCallQueue.forEach(function(f) {f();});\n",
" window.letsPlotCallQueue = [];\n",
" \n",
" \n",
" };\n",
" script.onerror = function(event) {\n",
" window.letsPlotCall = function(f) {};\n",
" window.letsPlotCallQueue = [];\n",
" var div = document.createElement(\"div\");\n",
" div.style.color = 'darkred';\n",
" div.textContent = 'Error loading Lets-Plot JS';\n",
" document.getElementById(\"Myc7Jh\").appendChild(div);\n",
" };\n",
" var e = document.getElementById(\"Myc7Jh\");\n",
" e.appendChild(script);\n",
" })();\n",
" </script>"
]
},
"metadata": {},
"output_type": "display_data"
},
{
"data": {
"application/plot+json": {
"apply_color_scheme": true,
"output": {
"data": {
"shape": [
0.0,
1.0,
2.0,
3.0,
4.0,
5.0,
6.0,
7.0,
8.0,
9.0,
10.0,
11.0,
12.0,
13.0,
14.0,
15.0,
16.0,
17.0,
18.0,
19.0,
20.0,
21.0,
22.0,
23.0,
24.0,
25.0
],
"x": [
0.0,
1.0,
2.0,
3.0,
4.0,
5.0,
6.0,
0.0,
1.0,
2.0,
3.0,
4.0,
5.0,
6.0,
0.0,
1.0,
2.0,
3.0,
4.0,
5.0,
6.0,
0.0,
1.0,
2.0,
3.0,
4.0
],
"y": [
3.0,
3.0,
3.0,
3.0,
3.0,
3.0,
3.0,
2.0,
2.0,
2.0,
2.0,
2.0,
2.0,
2.0,
1.0,
1.0,
1.0,
1.0,
1.0,
1.0,
1.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
"data_meta": {
"series_annotations": [
{
"column": "x",
"type": "int"
},
{
"column": "y",
"type": "int"
},
{
"column": "shape",
"type": "int"
}
]
},
"kind": "plot",
"layers": [
{
"color": "#54278f",
"fill": "#dd1c77",
"geom": "point",
"mapping": {
"shape": "shape"
},
"position": "identity",
"size": 12.0,
"stat": "identity"
}
],
"mapping": {
"x": "x",
"y": "y"
},
"scales": [
{
"aesthetic": "shape",
"discrete": true,
"guide": "none",
"scale_mapper_kind": "identity"
},
{
"aesthetic": "x",
"limits": [
-1.0,
7.0
]
},
{
"aesthetic": "y",
"limits": [
-1.0,
4.0
]
}
],
"theme": {
"legend_position": "none"
}
},
"output_type": "lets_plot_spec",
"swing_enabled": true
},
"text/html": [
" <div id=\"cBHtKe\" ></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(\"cBHtKe\");\n",
" let fig = null;\n",
" \n",
" function renderPlot() {\n",
" if (fig === null) {\n",
" const plotSpec = {\n",
"\"mapping\":{\n",
"\"x\":\"x\",\n",
"\"y\":\"y\"\n",
"},\n",
"\"data\":{\n",
"\"shape\":[0.0,1.0,2.0,3.0,4.0,5.0,6.0,7.0,8.0,9.0,10.0,11.0,12.0,13.0,14.0,15.0,16.0,17.0,18.0,19.0,20.0,21.0,22.0,23.0,24.0,25.0],\n",
"\"x\":[0.0,1.0,2.0,3.0,4.0,5.0,6.0,0.0,1.0,2.0,3.0,4.0,5.0,6.0,0.0,1.0,2.0,3.0,4.0,5.0,6.0,0.0,1.0,2.0,3.0,4.0],\n",
"\"y\":[3.0,3.0,3.0,3.0,3.0,3.0,3.0,2.0,2.0,2.0,2.0,2.0,2.0,2.0,1.0,1.0,1.0,1.0,1.0,1.0,1.0,0.0,0.0,0.0,0.0,0.0]\n",
"},\n",
"\"kind\":\"plot\",\n",
"\"scales\":[{\n",
"\"aesthetic\":\"shape\",\n",
"\"discrete\":true,\n",
"\"scale_mapper_kind\":\"identity\",\n",
"\"guide\":\"none\"\n",
"},{\n",
"\"aesthetic\":\"x\",\n",
"\"limits\":[-1.0,7.0]\n",
"},{\n",
"\"aesthetic\":\"y\",\n",
"\"limits\":[-1.0,4.0]\n",
"}],\n",
"\"layers\":[{\n",
"\"mapping\":{\n",
"\"shape\":\"shape\"\n",
"},\n",
"\"stat\":\"identity\",\n",
"\"color\":\"#54278f\",\n",
"\"size\":12.0,\n",
"\"position\":\"identity\",\n",
"\"geom\":\"point\",\n",
"\"fill\":\"#dd1c77\",\n",
"\"data\":{\n",
"}\n",
"}],\n",
"\"theme\":{\n",
"\"legend_position\":\"none\"\n",
"},\n",
"\"data_meta\":{\n",
"\"series_annotations\":[{\n",
"\"type\":\"int\",\n",
"\"column\":\"x\"\n",
"},{\n",
"\"type\":\"int\",\n",
"\"column\":\"y\"\n",
"},{\n",
"\"type\":\"int\",\n",
"\"column\":\"shape\"\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=30a4f0af-3c29-4f3b-add2-18010a345f6c width=\"100%\" height=\"100%\" style=\"max-width: 600.0px; max-height: 400.0px;\" viewBox=\"0 0 600.0 400.0\" preserveAspectRatio=\"xMinYMin meet\">\n",
" <style type=\"text/css\">\n",
" .plt-container {\n",
" font-family: sans-serif;\n",
" user-select: none;\n",
" -webkit-user-select: none;\n",
" -moz-user-select: none;\n",
" -ms-user-select: none;\n",
"}\n",
"text {\n",
" text-rendering: optimizeLegibility;\n",
"}\n",
"#pzRAo1u .plot-title {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 16.0px;\n",
"\n",
"}\n",
"#pzRAo1u .plot-subtitle {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#pzRAo1u .plot-caption {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#pzRAo1u .hyperlink-element {\n",
"fill: #118ed8;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"\n",
"}\n",
"#pzRAo1u .legend-title {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#pzRAo1u .legend-item {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#pzRAo1u .axis-title-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#pzRAo1u .axis-text-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#d2hvXDY .axis-tooltip-text-x {\n",
"fill: #ffffff;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#pzRAo1u .axis-title-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#pzRAo1u .axis-text-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#d2hvXDY .axis-tooltip-text-y {\n",
"fill: #ffffff;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#pzRAo1u .facet-strip-text-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#pzRAo1u .facet-strip-text-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#d2hvXDY .tooltip-text {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#d2hvXDY .tooltip-title {\n",
"fill: #474747;\n",
"font-weight: bold;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#d2hvXDY .tooltip-label {\n",
"fill: #474747;\n",
"font-weight: bold;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"\n",
" </style>\n",
" <g id=\"pzRAo1u\">\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(21.0 6.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(17.961210910936405 0.0 ) \">\n",
" <g>\n",
" <line x1=\"25.2290358676847\" y1=\"0.0\" x2=\"25.2290358676847\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"88.30162553689647\" y1=\"0.0\" x2=\"88.30162553689647\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"151.37421520610823\" y1=\"0.0\" x2=\"151.37421520610823\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"214.44680487532\" y1=\"0.0\" x2=\"214.44680487532\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"277.5193945445318\" y1=\"0.0\" x2=\"277.5193945445318\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"340.59198421374356\" y1=\"0.0\" x2=\"340.59198421374356\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"403.6645738829553\" y1=\"0.0\" x2=\"403.6645738829553\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"466.7371635521671\" y1=\"0.0\" x2=\"466.7371635521671\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"529.8097532213789\" y1=\"0.0\" x2=\"529.8097532213789\" y2=\"354.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(17.961210910936405 0.0 ) \">\n",
" <g>\n",
" <line x1=\"0.0\" y1=\"337.90909090909093\" x2=\"555.0387890890636\" y2=\"337.90909090909093\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"273.54545454545456\" x2=\"555.0387890890636\" y2=\"273.54545454545456\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"209.1818181818182\" x2=\"555.0387890890636\" y2=\"209.1818181818182\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"144.81818181818184\" x2=\"555.0387890890636\" y2=\"144.81818181818184\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"80.4545454545455\" x2=\"555.0387890890636\" y2=\"80.4545454545455\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"16.090909090909122\" x2=\"555.0387890890636\" y2=\"16.090909090909122\" 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(#c7gwwQk)\" clip-bounds-jfx=\"[rect (17.961210910936405, 0.0), (555.0387890890636, 354.0)]\">\n",
" <g transform=\"translate(17.961210910936405 0.0 ) \">\n",
" <g>\n",
" <g>\n",
" <g>\n",
" <g >\n",
" <rect fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x=\"74.27662553689646\" y=\"66.42954545454549\" height=\"28.05\" width=\"28.05\" transform=\"rotate(0.0 88.30162553689647 80.4545454545455 ) \" />\n",
" <circle fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" cx=\"151.37421520610823\" cy=\"80.4545454545455\" r=\"14.025\" />\n",
" <path fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" d=\"M214.44680487532 64.40521107319937 L214.44680487532 64.40521107319937 L228.47180487532 88.69722364935286 L200.42180487532 88.69722364935286 Z\" transform=\"rotate(0.0 214.44680487532 80.4545454545455 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"262.66939454453177\" y1=\"80.4545454545455\" x2=\"292.36939454453176\" y2=\"80.4545454545455\" transform=\"rotate(0.0 277.5193945445318 80.4545454545455 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"277.5193945445318\" y1=\"65.6045454545455\" x2=\"277.5193945445318\" y2=\"95.3045454545455\" transform=\"rotate(0.0 277.5193945445318 80.4545454545455 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"330.09144851312334\" y1=\"69.95400975392526\" x2=\"351.0925199143638\" y2=\"90.95508115516573\" transform=\"rotate(0.0 340.59198421374356 80.4545454545455 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"330.09144851312334\" y1=\"90.95508115516573\" x2=\"351.0925199143638\" y2=\"69.95400975392526\" transform=\"rotate(0.0 340.59198421374356 80.4545454545455 ) \" />\n",
" <path fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" d=\"M403.6645738829553 66.0878192655877 L403.6645738829553 66.0878192655877 L418.03130007191317 80.4545454545455 L403.6645738829553 94.82127164350331 L389.29784769399754 80.4545454545455 Z\" transform=\"rotate(0.0 403.6645738829553 80.4545454545455 ) \" />\n",
" <path fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" d=\"M452.7121635521671 72.21186725973811 L452.7121635521671 72.21186725973811 L480.7621635521671 72.21186725973811 L466.7371635521671 96.50387983589161 Z\" transform=\"rotate(0.0 466.7371635521671 80.4545454545455 ) \" />\n",
" <rect fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x=\"74.27662553689646\" y=\"130.79318181818184\" height=\"28.05\" width=\"28.05\" transform=\"rotate(0.0 88.30162553689647 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"74.27662553689646\" y1=\"130.79318181818184\" x2=\"102.32662553689647\" y2=\"158.84318181818185\" transform=\"rotate(0.0 88.30162553689647 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"74.27662553689646\" y1=\"158.84318181818185\" x2=\"102.32662553689647\" y2=\"130.79318181818184\" transform=\"rotate(0.0 88.30162553689647 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"136.52421520610824\" y1=\"144.81818181818184\" x2=\"166.22421520610823\" y2=\"144.81818181818184\" transform=\"rotate(0.0 151.37421520610823 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"151.37421520610823\" y1=\"129.96818181818185\" x2=\"151.37421520610823\" y2=\"159.66818181818184\" transform=\"rotate(0.0 151.37421520610823 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"140.87367950548798\" y1=\"134.3176461175616\" x2=\"161.87475090672848\" y2=\"155.3187175188021\" transform=\"rotate(0.0 151.37421520610823 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"140.87367950548798\" y1=\"155.3187175188021\" x2=\"161.87475090672848\" y2=\"134.3176461175616\" transform=\"rotate(0.0 151.37421520610823 144.81818181818184 ) \" />\n",
" <path fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" d=\"M214.44680487532 130.45145562922403 L214.44680487532 130.45145562922403 L228.81353106427778 144.81818181818184 L214.44680487532 159.18490800713963 L200.08007868636219 144.81818181818184 Z\" transform=\"rotate(0.0 214.44680487532 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"200.08007868636219\" y1=\"144.81818181818184\" x2=\"228.81353106427778\" y2=\"144.81818181818184\" transform=\"rotate(0.0 214.44680487532 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"214.44680487532\" y1=\"130.45145562922403\" x2=\"214.44680487532\" y2=\"159.18490800713963\" transform=\"rotate(0.0 214.44680487532 144.81818181818184 ) \" />\n",
" <circle fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" cx=\"277.5193945445318\" cy=\"144.81818181818184\" r=\"14.025\" transform=\"rotate(0.0 277.5193945445318 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"262.66939454453177\" y1=\"144.81818181818184\" x2=\"292.36939454453176\" y2=\"144.81818181818184\" transform=\"rotate(0.0 277.5193945445318 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"277.5193945445318\" y1=\"129.96818181818185\" x2=\"277.5193945445318\" y2=\"159.66818181818184\" transform=\"rotate(0.0 277.5193945445318 144.81818181818184 ) \" />\n",
" <path fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" d=\"M340.59198421374356 128.7688474368357 L340.59198421374356 128.7688474368357 L354.6169842137436 153.06086001298922 L326.5669842137436 153.06086001298922 Z\" transform=\"rotate(0.0 340.59198421374356 144.81818181818184 ) \" />\n",
" <path fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" d=\"M326.5669842137436 136.57550362337446 L326.5669842137436 136.57550362337446 L354.6169842137436 136.57550362337446 L340.59198421374356 160.86751619952796 Z\" transform=\"rotate(0.0 340.59198421374356 144.81818181818184 ) \" />\n",
" <rect fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x=\"389.63957388295535\" y=\"130.79318181818184\" height=\"28.05\" width=\"28.05\" transform=\"rotate(0.0 403.6645738829553 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"388.8145738829553\" y1=\"144.81818181818184\" x2=\"418.5145738829553\" y2=\"144.81818181818184\" transform=\"rotate(0.0 403.6645738829553 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"403.6645738829553\" y1=\"129.96818181818185\" x2=\"403.6645738829553\" y2=\"159.66818181818184\" transform=\"rotate(0.0 403.6645738829553 144.81818181818184 ) \" />\n",
" <circle fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" cx=\"466.7371635521671\" cy=\"144.81818181818184\" r=\"14.025\" transform=\"rotate(0.0 466.7371635521671 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"456.23662785154687\" y1=\"134.31764611756162\" x2=\"477.2376992527873\" y2=\"155.31871751880206\" transform=\"rotate(0.0 466.7371635521671 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x1=\"456.23662785154687\" y1=\"155.31871751880206\" x2=\"477.2376992527873\" y2=\"134.31764611756162\" transform=\"rotate(0.0 466.7371635521671 144.81818181818184 ) \" />\n",
" <rect fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x=\"74.27662553689646\" y=\"195.15681818181818\" height=\"28.05\" width=\"28.05\" transform=\"rotate(0.0 88.30162553689647 209.1818181818182 ) \" />\n",
" <path fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" d=\"M88.30162553689647 196.1765742632555 L88.30162553689647 196.1765742632555 L101.81674749617781 223.2068181818182 L74.78650357761514 223.2068181818182 Z\" transform=\"rotate(0.0 88.30162553689647 209.1818181818182 ) \" />\n",
" <rect fill=\"#54278f\" stroke=\"#54278f\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" x=\"138.17421520610824\" y=\"195.9818181818182\" height=\"26.400000000000002\" width=\"26.400000000000002\" transform=\"rotate(0.0 151.37421520610823 209.1818181818182 ) \" />\n",
" <circle fill=\"#54278f\" stroke=\"#54278f\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"214.44680487532\" cy=\"209.1818181818182\" r=\"13.200000000000001\" />\n",
" <path fill=\"#54278f\" stroke=\"#54278f\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" d=\"M277.5193945445318 194.07656229349243 L277.5193945445318 194.07656229349243 L290.7193945445318 216.9396329534016 L264.3193945445318 216.9396329534016 Z\" transform=\"rotate(0.0 277.5193945445318 209.1818181818182 ) \" />\n",
" <path fill=\"#54278f\" stroke=\"#54278f\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" d=\"M340.59198421374356 200.1818181818182 L340.59198421374356 200.1818181818182 L349.59198421374356 209.1818181818182 L340.59198421374356 218.1818181818182 L331.59198421374356 209.1818181818182 Z\" transform=\"rotate(0.0 340.59198421374356 209.1818181818182 ) \" />\n",
" <circle fill=\"#54278f\" stroke=\"#54278f\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"403.6645738829553\" cy=\"209.1818181818182\" r=\"13.200000000000001\" />\n",
" <circle fill=\"#54278f\" stroke=\"#54278f\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"466.7371635521671\" cy=\"209.1818181818182\" r=\"9.0\" />\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" cx=\"88.30162553689647\" cy=\"273.54545454545456\" r=\"14.025\" />\n",
" <rect fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" x=\"137.34921520610823\" y=\"259.5204545454546\" height=\"28.05\" width=\"28.05\" transform=\"rotate(0.0 151.37421520610823 273.54545454545456 ) \" />\n",
" <path fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" d=\"M214.44680487532 259.1787283564968 L214.44680487532 259.1787283564968 L228.81353106427778 273.54545454545456 L214.44680487532 287.9121807344124 L200.08007868636219 273.54545454545456 Z\" transform=\"rotate(0.0 214.44680487532 273.54545454545456 ) \" />\n",
" <path fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" d=\"M277.5193945445318 257.49612016410845 L277.5193945445318 257.49612016410845 L291.5443945445318 281.788132740262 L263.4943945445318 281.788132740262 Z\" transform=\"rotate(0.0 277.5193945445318 273.54545454545456 ) \" />\n",
" <path fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"1.6500000000000001\" d=\"M326.5669842137436 265.3027763506472 L326.5669842137436 265.3027763506472 L354.6169842137436 265.3027763506472 L340.59198421374356 289.59478892680073 Z\" transform=\"rotate(0.0 340.59198421374356 273.54545454545456 ) \" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <defs>\n",
" <clipPath id=\"c7gwwQk\">\n",
" <rect x=\"17.961210910936405\" y=\"0.0\" width=\"555.0387890890636\" height=\"354.0\">\n",
" </rect>\n",
" </clipPath>\n",
" </defs>\n",
" </g>\n",
" <g>\n",
" <g transform=\"translate(17.961210910936405 354.0 ) \">\n",
" <g transform=\"translate(25.2290358676847 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>-1</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(88.30162553689647 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>0</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(151.37421520610823 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>1</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(214.44680487532 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>2</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(277.5193945445318 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>3</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(340.59198421374356 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>4</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(403.6645738829553 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>5</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(466.7371635521671 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>6</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(529.8097532213789 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>7</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <line x1=\"0.0\" y1=\"0.0\" x2=\"555.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(17.961210910936405 0.0 ) \">\n",
" <g transform=\"translate(0.0 337.90909090909093 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>-1</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 273.54545454545456 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>0</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 209.1818181818182 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>1</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 144.81818181818184 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>2</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 80.4545454545455 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>3</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 16.090909090909122 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>4</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(15.0 183.0 ) rotate(-90.0 ) \">\n",
" <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"axis-title-y\" text-anchor=\"middle\">\n",
" <tspan>y</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(316.4806054554682 394.0 ) \">\n",
" <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"axis-title-x\" text-anchor=\"middle\">\n",
" <tspan>x</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=\"d2hvXDY\">\n",
" </g>\n",
"</svg>\n",
" <script>document.getElementById(\"30a4f0af-3c29-4f3b-add2-18010a345f6c\").style.display = \"none\";</script>"
]
},
"execution_count": 5,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"p1 + geomPoint(size=12, color=\"#54278f\", fill=\"#dd1c77\") { shape = \"shape\" }"
]
},
{
"cell_type": "markdown",
"id": "ec91cc9b",
"metadata": {},
"source": [
"#### 2. Increased Stroke"
]
},
{
"cell_type": "code",
"execution_count": 6,
"id": "57c5e75c",
"metadata": {
"execution": {
"iopub.execute_input": "2025-12-03T15:56:56.210093Z",
"iopub.status.busy": "2025-12-03T15:56:56.209845Z",
"iopub.status.idle": "2025-12-03T15:56:56.256483Z",
"shell.execute_reply": "2025-12-03T15:56:56.256620Z"
}
},
"outputs": [
{
"data": {
"application/plot+json": {
"apply_color_scheme": true,
"output": {
"data": {
"shape": [
0.0,
1.0,
2.0,
3.0,
4.0,
5.0,
6.0,
7.0,
8.0,
9.0,
10.0,
11.0,
12.0,
13.0,
14.0,
15.0,
16.0,
17.0,
18.0,
19.0,
20.0,
21.0,
22.0,
23.0,
24.0,
25.0
],
"x": [
0.0,
1.0,
2.0,
3.0,
4.0,
5.0,
6.0,
0.0,
1.0,
2.0,
3.0,
4.0,
5.0,
6.0,
0.0,
1.0,
2.0,
3.0,
4.0,
5.0,
6.0,
0.0,
1.0,
2.0,
3.0,
4.0
],
"y": [
3.0,
3.0,
3.0,
3.0,
3.0,
3.0,
3.0,
2.0,
2.0,
2.0,
2.0,
2.0,
2.0,
2.0,
1.0,
1.0,
1.0,
1.0,
1.0,
1.0,
1.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
"data_meta": {
"series_annotations": [
{
"column": "x",
"type": "int"
},
{
"column": "y",
"type": "int"
},
{
"column": "shape",
"type": "int"
}
]
},
"kind": "plot",
"layers": [
{
"color": "#54278f",
"fill": "#dd1c77",
"geom": "point",
"mapping": {
"shape": "shape"
},
"position": "identity",
"size": 12.0,
"stat": "identity",
"stroke": 8.0
}
],
"mapping": {
"x": "x",
"y": "y"
},
"scales": [
{
"aesthetic": "shape",
"discrete": true,
"guide": "none",
"scale_mapper_kind": "identity"
},
{
"aesthetic": "x",
"limits": [
-1.0,
7.0
]
},
{
"aesthetic": "y",
"limits": [
-1.0,
4.0
]
}
],
"theme": {
"legend_position": "none"
}
},
"output_type": "lets_plot_spec",
"swing_enabled": true
},
"text/html": [
" <div id=\"IsqHVF\" ></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(\"IsqHVF\");\n",
" let fig = null;\n",
" \n",
" function renderPlot() {\n",
" if (fig === null) {\n",
" const plotSpec = {\n",
"\"mapping\":{\n",
"\"x\":\"x\",\n",
"\"y\":\"y\"\n",
"},\n",
"\"data\":{\n",
"\"shape\":[0.0,1.0,2.0,3.0,4.0,5.0,6.0,7.0,8.0,9.0,10.0,11.0,12.0,13.0,14.0,15.0,16.0,17.0,18.0,19.0,20.0,21.0,22.0,23.0,24.0,25.0],\n",
"\"x\":[0.0,1.0,2.0,3.0,4.0,5.0,6.0,0.0,1.0,2.0,3.0,4.0,5.0,6.0,0.0,1.0,2.0,3.0,4.0,5.0,6.0,0.0,1.0,2.0,3.0,4.0],\n",
"\"y\":[3.0,3.0,3.0,3.0,3.0,3.0,3.0,2.0,2.0,2.0,2.0,2.0,2.0,2.0,1.0,1.0,1.0,1.0,1.0,1.0,1.0,0.0,0.0,0.0,0.0,0.0]\n",
"},\n",
"\"kind\":\"plot\",\n",
"\"scales\":[{\n",
"\"aesthetic\":\"shape\",\n",
"\"discrete\":true,\n",
"\"scale_mapper_kind\":\"identity\",\n",
"\"guide\":\"none\"\n",
"},{\n",
"\"aesthetic\":\"x\",\n",
"\"limits\":[-1.0,7.0]\n",
"},{\n",
"\"aesthetic\":\"y\",\n",
"\"limits\":[-1.0,4.0]\n",
"}],\n",
"\"layers\":[{\n",
"\"mapping\":{\n",
"\"shape\":\"shape\"\n",
"},\n",
"\"stat\":\"identity\",\n",
"\"color\":\"#54278f\",\n",
"\"size\":12.0,\n",
"\"position\":\"identity\",\n",
"\"geom\":\"point\",\n",
"\"fill\":\"#dd1c77\",\n",
"\"stroke\":8.0,\n",
"\"data\":{\n",
"}\n",
"}],\n",
"\"theme\":{\n",
"\"legend_position\":\"none\"\n",
"},\n",
"\"data_meta\":{\n",
"\"series_annotations\":[{\n",
"\"type\":\"int\",\n",
"\"column\":\"x\"\n",
"},{\n",
"\"type\":\"int\",\n",
"\"column\":\"y\"\n",
"},{\n",
"\"type\":\"int\",\n",
"\"column\":\"shape\"\n",
"}]\n",
"},\n",
"\"spec_id\":\"3\"\n",
"};\n",
" window.letsPlotCall(function() { fig = LetsPlot.buildPlotFromProcessedSpecs(plotSpec, containerDiv, sizing); });\n",
" } else {\n",
" fig.updateView({});\n",
" }\n",
" }\n",
" \n",
" const renderImmediately = \n",
" forceImmediateRender || (\n",
" sizing.width_mode === 'FIXED' && \n",
" (sizing.height_mode === 'FIXED' || sizing.height_mode === 'SCALED')\n",
" );\n",
" \n",
" if (renderImmediately) {\n",
" renderPlot();\n",
" }\n",
" \n",
" if (!renderImmediately || responsive) {\n",
" // Set up observer for initial sizing or continuous monitoring\n",
" var observer = new ResizeObserver(function(entries) {\n",
" for (let entry of entries) {\n",
" if (entry.contentBoxSize && \n",
" entry.contentBoxSize[0].inlineSize > 0) {\n",
" if (!responsive && observer) {\n",
" observer.disconnect();\n",
" observer = null;\n",
" }\n",
" renderPlot();\n",
" if (!responsive) {\n",
" break;\n",
" }\n",
" }\n",
" }\n",
" });\n",
" \n",
" observer.observe(containerDiv);\n",
" }\n",
" \n",
" // ----------\n",
" })();\n",
" \n",
" </script> <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" id=02218aa1-15f0-4268-814e-47d55a374ee3 width=\"100%\" height=\"100%\" style=\"max-width: 600.0px; max-height: 400.0px;\" viewBox=\"0 0 600.0 400.0\" preserveAspectRatio=\"xMinYMin meet\">\n",
" <style type=\"text/css\">\n",
" .plt-container {\n",
" font-family: sans-serif;\n",
" user-select: none;\n",
" -webkit-user-select: none;\n",
" -moz-user-select: none;\n",
" -ms-user-select: none;\n",
"}\n",
"text {\n",
" text-rendering: optimizeLegibility;\n",
"}\n",
"#phg1wGN .plot-title {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 16.0px;\n",
"\n",
"}\n",
"#phg1wGN .plot-subtitle {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#phg1wGN .plot-caption {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#phg1wGN .hyperlink-element {\n",
"fill: #118ed8;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"\n",
"}\n",
"#phg1wGN .legend-title {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#phg1wGN .legend-item {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#phg1wGN .axis-title-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#phg1wGN .axis-text-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#dMeKRUj .axis-tooltip-text-x {\n",
"fill: #ffffff;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#phg1wGN .axis-title-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#phg1wGN .axis-text-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#dMeKRUj .axis-tooltip-text-y {\n",
"fill: #ffffff;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#phg1wGN .facet-strip-text-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#phg1wGN .facet-strip-text-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#dMeKRUj .tooltip-text {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#dMeKRUj .tooltip-title {\n",
"fill: #474747;\n",
"font-weight: bold;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#dMeKRUj .tooltip-label {\n",
"fill: #474747;\n",
"font-weight: bold;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"\n",
" </style>\n",
" <g id=\"phg1wGN\">\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(21.0 6.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(17.961210910936405 0.0 ) \">\n",
" <g>\n",
" <line x1=\"25.2290358676847\" y1=\"0.0\" x2=\"25.2290358676847\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"88.30162553689647\" y1=\"0.0\" x2=\"88.30162553689647\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"151.37421520610823\" y1=\"0.0\" x2=\"151.37421520610823\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"214.44680487532\" y1=\"0.0\" x2=\"214.44680487532\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"277.5193945445318\" y1=\"0.0\" x2=\"277.5193945445318\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"340.59198421374356\" y1=\"0.0\" x2=\"340.59198421374356\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"403.6645738829553\" y1=\"0.0\" x2=\"403.6645738829553\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"466.7371635521671\" y1=\"0.0\" x2=\"466.7371635521671\" y2=\"354.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"529.8097532213789\" y1=\"0.0\" x2=\"529.8097532213789\" y2=\"354.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(17.961210910936405 0.0 ) \">\n",
" <g>\n",
" <line x1=\"0.0\" y1=\"337.90909090909093\" x2=\"555.0387890890636\" y2=\"337.90909090909093\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"273.54545454545456\" x2=\"555.0387890890636\" y2=\"273.54545454545456\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"209.1818181818182\" x2=\"555.0387890890636\" y2=\"209.1818181818182\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"144.81818181818184\" x2=\"555.0387890890636\" y2=\"144.81818181818184\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"80.4545454545455\" x2=\"555.0387890890636\" y2=\"80.4545454545455\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"16.090909090909122\" x2=\"555.0387890890636\" y2=\"16.090909090909122\" 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(#cBPChYx)\" clip-bounds-jfx=\"[rect (17.961210910936405, 0.0), (555.0387890890636, 354.0)]\">\n",
" <g transform=\"translate(17.961210910936405 0.0 ) \">\n",
" <g>\n",
" <g>\n",
" <g>\n",
" <g >\n",
" <rect fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x=\"66.30162553689647\" y=\"58.454545454545496\" height=\"44.0\" width=\"44.0\" transform=\"rotate(0.0 88.30162553689647 80.4545454545455 ) \" />\n",
" <circle fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" cx=\"151.37421520610823\" cy=\"80.4545454545455\" r=\"22.0\" />\n",
" <path fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" d=\"M214.44680487532 55.27911897400256 L214.44680487532 55.27911897400256 L236.44680487532 93.38423674051785 L192.44680487532 93.38423674051785 Z\" transform=\"rotate(0.0 214.44680487532 80.4545454545455 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"246.71939454453178\" y1=\"80.4545454545455\" x2=\"308.3193945445318\" y2=\"80.4545454545455\" transform=\"rotate(0.0 277.5193945445318 80.4545454545455 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"277.5193945445318\" y1=\"49.65454545454549\" x2=\"277.5193945445318\" y2=\"111.25454545454551\" transform=\"rotate(0.0 277.5193945445318 80.4545454545455 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"318.81309535319787\" y1=\"58.67565659399983\" x2=\"362.37087307428925\" y2=\"102.23343431509116\" transform=\"rotate(0.0 340.59198421374356 80.4545454545455 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"318.81309535319787\" y1=\"102.23343431509116\" x2=\"362.37087307428925\" y2=\"58.67565659399983\" transform=\"rotate(0.0 340.59198421374356 80.4545454545455 ) \" />\n",
" <path fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" d=\"M403.6645738829553 54.80946610566225 L403.6645738829553 54.80946610566225 L429.3096532318385 80.4545454545455 L403.6645738829553 106.09962480342872 L378.01949453407207 80.4545454545455 Z\" transform=\"rotate(0.0 403.6645738829553 80.4545454545455 ) \" />\n",
" <path fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" d=\"M444.7371635521671 67.52485416857314 L444.7371635521671 67.52485416857314 L488.7371635521671 67.52485416857314 L466.7371635521671 105.62997193508843 Z\" transform=\"rotate(0.0 466.7371635521671 80.4545454545455 ) \" />\n",
" <rect fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x=\"66.30162553689647\" y=\"122.81818181818184\" height=\"44.0\" width=\"44.0\" transform=\"rotate(0.0 88.30162553689647 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"66.30162553689647\" y1=\"122.81818181818184\" x2=\"110.30162553689647\" y2=\"166.81818181818184\" transform=\"rotate(0.0 88.30162553689647 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"66.30162553689647\" y1=\"166.81818181818184\" x2=\"110.30162553689647\" y2=\"122.81818181818184\" transform=\"rotate(0.0 88.30162553689647 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"120.57421520610822\" y1=\"144.81818181818184\" x2=\"182.17421520610822\" y2=\"144.81818181818184\" transform=\"rotate(0.0 151.37421520610823 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"151.37421520610823\" y1=\"114.01818181818183\" x2=\"151.37421520610823\" y2=\"175.61818181818182\" transform=\"rotate(0.0 151.37421520610823 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"129.59532634556257\" y1=\"123.03929295763618\" x2=\"173.1531040666539\" y2=\"166.5970706787275\" transform=\"rotate(0.0 151.37421520610823 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"129.59532634556257\" y1=\"166.5970706787275\" x2=\"173.1531040666539\" y2=\"123.03929295763618\" transform=\"rotate(0.0 151.37421520610823 144.81818181818184 ) \" />\n",
" <path fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" d=\"M214.44680487532 119.1731024692986 L214.44680487532 119.1731024692986 L240.09188422420326 144.81818181818184 L214.44680487532 170.46326116706507 L188.80172552643677 144.81818181818184 Z\" transform=\"rotate(0.0 214.44680487532 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"188.80172552643677\" y1=\"144.81818181818184\" x2=\"240.09188422420326\" y2=\"144.81818181818184\" transform=\"rotate(0.0 214.44680487532 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"214.44680487532\" y1=\"119.1731024692986\" x2=\"214.44680487532\" y2=\"170.46326116706507\" transform=\"rotate(0.0 214.44680487532 144.81818181818184 ) \" />\n",
" <circle fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" cx=\"277.5193945445318\" cy=\"144.81818181818184\" r=\"22.0\" transform=\"rotate(0.0 277.5193945445318 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"246.71939454453178\" y1=\"144.81818181818184\" x2=\"308.3193945445318\" y2=\"144.81818181818184\" transform=\"rotate(0.0 277.5193945445318 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"277.5193945445318\" y1=\"114.01818181818184\" x2=\"277.5193945445318\" y2=\"175.61818181818185\" transform=\"rotate(0.0 277.5193945445318 144.81818181818184 ) \" />\n",
" <path fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" d=\"M340.59198421374356 119.6427553376389 L340.59198421374356 119.6427553376389 L362.59198421374356 157.7478731041542 L318.59198421374356 157.7478731041542 Z\" transform=\"rotate(0.0 340.59198421374356 144.81818181818184 ) \" />\n",
" <path fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" d=\"M318.59198421374356 131.8884905322095 L318.59198421374356 131.8884905322095 L362.59198421374356 131.8884905322095 L340.59198421374356 169.99360829872478 Z\" transform=\"rotate(0.0 340.59198421374356 144.81818181818184 ) \" />\n",
" <rect fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x=\"381.6645738829553\" y=\"122.81818181818184\" height=\"44.0\" width=\"44.0\" transform=\"rotate(0.0 403.6645738829553 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"372.8645738829553\" y1=\"144.81818181818184\" x2=\"434.46457388295534\" y2=\"144.81818181818184\" transform=\"rotate(0.0 403.6645738829553 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"403.6645738829553\" y1=\"114.01818181818184\" x2=\"403.6645738829553\" y2=\"175.61818181818185\" transform=\"rotate(0.0 403.6645738829553 144.81818181818184 ) \" />\n",
" <circle fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" cx=\"466.7371635521671\" cy=\"144.81818181818184\" r=\"22.0\" transform=\"rotate(0.0 466.7371635521671 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"444.9582746916214\" y1=\"123.03929295763618\" x2=\"488.5160524127128\" y2=\"166.5970706787275\" transform=\"rotate(0.0 466.7371635521671 144.81818181818184 ) \" />\n",
" <line fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x1=\"444.9582746916214\" y1=\"166.5970706787275\" x2=\"488.5160524127128\" y2=\"123.03929295763618\" transform=\"rotate(0.0 466.7371635521671 144.81818181818184 ) \" />\n",
" <rect fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" x=\"66.30162553689647\" y=\"187.1818181818182\" height=\"44.0\" width=\"44.0\" transform=\"rotate(0.0 88.30162553689647 209.1818181818182 ) \" />\n",
" <path fill=\"#000000\" fill-opacity=\"0.0\" stroke=\"#54278f\" stroke-width=\"17.6\" d=\"M88.30162553689647 198.05921638381633 L88.30162553689647 198.05921638381633 L104.86292643589738 231.1818181818182 L71.74032463789554 231.1818181818182 Z\" transform=\"rotate(0.0 88.30162553689647 209.1818181818182 ) \" />\n",
" <rect fill=\"#54278f\" stroke=\"#54278f\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" x=\"138.17421520610824\" y=\"195.9818181818182\" height=\"26.400000000000002\" width=\"26.400000000000002\" transform=\"rotate(0.0 151.37421520610823 209.1818181818182 ) \" />\n",
" <circle fill=\"#54278f\" stroke=\"#54278f\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"214.44680487532\" cy=\"209.1818181818182\" r=\"13.200000000000001\" />\n",
" <path fill=\"#54278f\" stroke=\"#54278f\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" d=\"M277.5193945445318 194.07656229349243 L277.5193945445318 194.07656229349243 L290.7193945445318 216.9396329534016 L264.3193945445318 216.9396329534016 Z\" transform=\"rotate(0.0 277.5193945445318 209.1818181818182 ) \" />\n",
" <path fill=\"#54278f\" stroke=\"#54278f\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" d=\"M340.59198421374356 200.1818181818182 L340.59198421374356 200.1818181818182 L349.59198421374356 209.1818181818182 L340.59198421374356 218.1818181818182 L331.59198421374356 209.1818181818182 Z\" transform=\"rotate(0.0 340.59198421374356 209.1818181818182 ) \" />\n",
" <circle fill=\"#54278f\" stroke=\"#54278f\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"403.6645738829553\" cy=\"209.1818181818182\" r=\"13.200000000000001\" />\n",
" <circle fill=\"#54278f\" stroke=\"#54278f\" stroke-opacity=\"0.0\" stroke-width=\"0.0\" cx=\"466.7371635521671\" cy=\"209.1818181818182\" r=\"9.0\" />\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"17.6\" cx=\"88.30162553689647\" cy=\"273.54545454545456\" r=\"22.0\" />\n",
" <rect fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"17.6\" x=\"129.37421520610823\" y=\"251.54545454545456\" height=\"44.0\" width=\"44.0\" transform=\"rotate(0.0 151.37421520610823 273.54545454545456 ) \" />\n",
" <path fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"17.6\" d=\"M214.44680487532 247.90037519657133 L214.44680487532 247.90037519657133 L240.09188422420326 273.54545454545456 L214.44680487532 299.1905338943378 L188.80172552643677 273.54545454545456 Z\" transform=\"rotate(0.0 214.44680487532 273.54545454545456 ) \" />\n",
" <path fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"17.6\" d=\"M277.5193945445318 248.37002806491162 L277.5193945445318 248.37002806491162 L299.5193945445318 286.4751458314269 L255.5193945445318 286.4751458314269 Z\" transform=\"rotate(0.0 277.5193945445318 273.54545454545456 ) \" />\n",
" <path fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"17.6\" d=\"M318.59198421374356 260.6157632594822 L318.59198421374356 260.6157632594822 L362.59198421374356 260.6157632594822 L340.59198421374356 298.7208810259975 Z\" transform=\"rotate(0.0 340.59198421374356 273.54545454545456 ) \" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <defs>\n",
" <clipPath id=\"cBPChYx\">\n",
" <rect x=\"17.961210910936405\" y=\"0.0\" width=\"555.0387890890636\" height=\"354.0\">\n",
" </rect>\n",
" </clipPath>\n",
" </defs>\n",
" </g>\n",
" <g>\n",
" <g transform=\"translate(17.961210910936405 354.0 ) \">\n",
" <g transform=\"translate(25.2290358676847 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>-1</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(88.30162553689647 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>0</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(151.37421520610823 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>1</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(214.44680487532 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>2</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(277.5193945445318 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>3</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(340.59198421374356 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>4</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(403.6645738829553 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>5</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(466.7371635521671 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>6</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(529.8097532213789 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>7</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <line x1=\"0.0\" y1=\"0.0\" x2=\"555.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(17.961210910936405 0.0 ) \">\n",
" <g transform=\"translate(0.0 337.90909090909093 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>-1</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 273.54545454545456 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>0</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 209.1818181818182 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>1</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 144.81818181818184 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>2</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 80.4545454545455 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>3</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 16.090909090909122 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>4</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(15.0 183.0 ) rotate(-90.0 ) \">\n",
" <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"axis-title-y\" text-anchor=\"middle\">\n",
" <tspan>y</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(316.4806054554682 394.0 ) \">\n",
" <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"axis-title-x\" text-anchor=\"middle\">\n",
" <tspan>x</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=\"dMeKRUj\">\n",
" </g>\n",
"</svg>\n",
" <script>document.getElementById(\"02218aa1-15f0-4268-814e-47d55a374ee3\").style.display = \"none\";</script>"
]
},
"execution_count": 6,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"p1 + geomPoint(size=12, stroke=8, color=\"#54278f\", fill=\"#dd1c77\") { shape = \"shape\" }"
]
},
{
"cell_type": "markdown",
"id": "a80e77a8",
"metadata": {},
"source": [
"#### 3. Stroke Scales"
]
},
{
"cell_type": "code",
"execution_count": 7,
"id": "cd516883",
"metadata": {
"execution": {
"iopub.execute_input": "2025-12-03T15:56:56.259010Z",
"iopub.status.busy": "2025-12-03T15:56:56.258707Z",
"iopub.status.idle": "2025-12-03T15:56:56.307032Z",
"shell.execute_reply": "2025-12-03T15:56:56.306833Z"
}
},
"outputs": [],
"source": [
"val data2 = mapOf(\n",
" \"x\" to listOf(0, 1, 2),\n",
" \"y\" to listOf(0, 0, 0),\n",
" \"stroke\" to listOf(4, 16, 8)\n",
")"
]
},
{
"cell_type": "code",
"execution_count": 8,
"id": "65ac3c1e",
"metadata": {
"execution": {
"iopub.execute_input": "2025-12-03T15:56:56.308908Z",
"iopub.status.busy": "2025-12-03T15:56:56.308547Z",
"iopub.status.idle": "2025-12-03T15:56:56.345012Z",
"shell.execute_reply": "2025-12-03T15:56:56.344779Z"
}
},
"outputs": [],
"source": [
"val p2 = letsPlot(data2) { x = \"x\"; y = \"y\" } +\n",
" geomPoint(size = 12, shape = 21, color = \"#54278f\", fill = \"#dd1c77\") { stroke = \"stroke\" }"
]
},
{
"cell_type": "code",
"execution_count": 9,
"id": "86c86e91",
"metadata": {
"execution": {
"iopub.execute_input": "2025-12-03T15:56:56.346623Z",
"iopub.status.busy": "2025-12-03T15:56:56.346264Z",
"iopub.status.idle": "2025-12-03T15:56:56.429370Z",
"shell.execute_reply": "2025-12-03T15:56:56.429498Z"
}
},
"outputs": [
{
"data": {
"application/plot+json": {
"apply_color_scheme": true,
"output": {
"figures": [
{
"data": {
"stroke": [
4.0,
16.0,
8.0
],
"x": [
0.0,
1.0,
2.0
],
"y": [
0.0,
0.0,
0.0
]
},
"data_meta": {
"series_annotations": [
{
"column": "x",
"type": "int"
},
{
"column": "y",
"type": "int"
},
{
"column": "stroke",
"type": "int"
}
]
},
"ggtitle": {
"text": "Default scale"
},
"kind": "plot",
"layers": [
{
"color": "#54278f",
"fill": "#dd1c77",
"geom": "point",
"mapping": {
"stroke": "stroke"
},
"position": "identity",
"shape": 21.0,
"size": 12.0,
"stat": "identity"
}
],
"mapping": {
"x": "x",
"y": "y"
},
"scales": []
},
{
"data": {
"stroke": [
4.0,
16.0,
8.0
],
"x": [
0.0,
1.0,
2.0
],
"y": [
0.0,
0.0,
0.0
]
},
"data_meta": {
"series_annotations": [
{
"column": "x",
"type": "int"
},
{
"column": "y",
"type": "int"
},
{
"column": "stroke",
"type": "int"
}
]
},
"ggtitle": {
"text": "scaleStroke()"
},
"kind": "plot",
"layers": [
{
"color": "#54278f",
"fill": "#dd1c77",
"geom": "point",
"mapping": {
"stroke": "stroke"
},
"position": "identity",
"shape": 21.0,
"size": 12.0,
"stat": "identity"
}
],
"mapping": {
"x": "x",
"y": "y"
},
"scales": [
{
"aesthetic": "stroke",
"range": [
2.0,
4.0
]
}
]
},
{
"data": {
"stroke": [
4.0,
16.0,
8.0
],
"x": [
0.0,
1.0,
2.0
],
"y": [
0.0,
0.0,
0.0
]
},
"data_meta": {
"series_annotations": [
{
"column": "x",
"type": "int"
},
{
"column": "y",
"type": "int"
},
{
"column": "stroke",
"type": "int"
}
]
},
"ggtitle": {
"text": "scaleStrokeIdentity()"
},
"kind": "plot",
"layers": [
{
"color": "#54278f",
"fill": "#dd1c77",
"geom": "point",
"mapping": {
"stroke": "stroke"
},
"position": "identity",
"shape": 21.0,
"size": 12.0,
"stat": "identity"
}
],
"mapping": {
"x": "x",
"y": "y"
},
"scales": [
{
"aesthetic": "stroke",
"guide": "none",
"scale_mapper_kind": "identity"
}
]
},
null
],
"kind": "subplots",
"layout": {
"align": false,
"fit": true,
"name": "grid",
"ncol": 2,
"nrow": 2
}
},
"output_type": "lets_plot_spec",
"swing_enabled": true
},
"text/html": [
" <div id=\"uFmOve\" ></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(\"uFmOve\");\n",
" let fig = null;\n",
" \n",
" function renderPlot() {\n",
" if (fig === null) {\n",
" const plotSpec = {\n",
"\"layout\":{\n",
"\"name\":\"grid\",\n",
"\"ncol\":2,\n",
"\"nrow\":2,\n",
"\"fit\":true,\n",
"\"align\":false\n",
"},\n",
"\"figures\":[{\n",
"\"ggtitle\":{\n",
"\"text\":\"Default scale\"\n",
"},\n",
"\"mapping\":{\n",
"\"x\":\"x\",\n",
"\"y\":\"y\"\n",
"},\n",
"\"data\":{\n",
"\"x\":[0.0,1.0,2.0],\n",
"\"y\":[0.0,0.0,0.0],\n",
"\"stroke\":[4.0,16.0,8.0]\n",
"},\n",
"\"kind\":\"plot\",\n",
"\"scales\":[],\n",
"\"layers\":[{\n",
"\"mapping\":{\n",
"\"stroke\":\"stroke\"\n",
"},\n",
"\"stat\":\"identity\",\n",
"\"color\":\"#54278f\",\n",
"\"shape\":21.0,\n",
"\"size\":12.0,\n",
"\"position\":\"identity\",\n",
"\"geom\":\"point\",\n",
"\"fill\":\"#dd1c77\",\n",
"\"data\":{\n",
"}\n",
"}],\n",
"\"data_meta\":{\n",
"\"series_annotations\":[{\n",
"\"type\":\"int\",\n",
"\"column\":\"x\"\n",
"},{\n",
"\"type\":\"int\",\n",
"\"column\":\"y\"\n",
"},{\n",
"\"type\":\"int\",\n",
"\"column\":\"stroke\"\n",
"}]\n",
"},\n",
"\"spec_id\":\"5\"\n",
"},{\n",
"\"ggtitle\":{\n",
"\"text\":\"scaleStroke()\"\n",
"},\n",
"\"mapping\":{\n",
"\"x\":\"x\",\n",
"\"y\":\"y\"\n",
"},\n",
"\"data\":{\n",
"\"x\":[0.0,1.0,2.0],\n",
"\"y\":[0.0,0.0,0.0],\n",
"\"stroke\":[4.0,16.0,8.0]\n",
"},\n",
"\"kind\":\"plot\",\n",
"\"scales\":[{\n",
"\"aesthetic\":\"stroke\",\n",
"\"range\":[2.0,4.0]\n",
"}],\n",
"\"layers\":[{\n",
"\"mapping\":{\n",
"\"stroke\":\"stroke\"\n",
"},\n",
"\"stat\":\"identity\",\n",
"\"color\":\"#54278f\",\n",
"\"shape\":21.0,\n",
"\"size\":12.0,\n",
"\"position\":\"identity\",\n",
"\"geom\":\"point\",\n",
"\"fill\":\"#dd1c77\",\n",
"\"data\":{\n",
"}\n",
"}],\n",
"\"data_meta\":{\n",
"\"series_annotations\":[{\n",
"\"type\":\"int\",\n",
"\"column\":\"x\"\n",
"},{\n",
"\"type\":\"int\",\n",
"\"column\":\"y\"\n",
"},{\n",
"\"type\":\"int\",\n",
"\"column\":\"stroke\"\n",
"}]\n",
"},\n",
"\"spec_id\":\"6\"\n",
"},{\n",
"\"ggtitle\":{\n",
"\"text\":\"scaleStrokeIdentity()\"\n",
"},\n",
"\"mapping\":{\n",
"\"x\":\"x\",\n",
"\"y\":\"y\"\n",
"},\n",
"\"data\":{\n",
"\"x\":[0.0,1.0,2.0],\n",
"\"y\":[0.0,0.0,0.0],\n",
"\"stroke\":[4.0,16.0,8.0]\n",
"},\n",
"\"kind\":\"plot\",\n",
"\"scales\":[{\n",
"\"aesthetic\":\"stroke\",\n",
"\"scale_mapper_kind\":\"identity\",\n",
"\"guide\":\"none\"\n",
"}],\n",
"\"layers\":[{\n",
"\"mapping\":{\n",
"\"stroke\":\"stroke\"\n",
"},\n",
"\"stat\":\"identity\",\n",
"\"color\":\"#54278f\",\n",
"\"shape\":21.0,\n",
"\"size\":12.0,\n",
"\"position\":\"identity\",\n",
"\"geom\":\"point\",\n",
"\"fill\":\"#dd1c77\",\n",
"\"data\":{\n",
"}\n",
"}],\n",
"\"data_meta\":{\n",
"\"series_annotations\":[{\n",
"\"type\":\"int\",\n",
"\"column\":\"x\"\n",
"},{\n",
"\"type\":\"int\",\n",
"\"column\":\"y\"\n",
"},{\n",
"\"type\":\"int\",\n",
"\"column\":\"stroke\"\n",
"}]\n",
"},\n",
"\"spec_id\":\"7\"\n",
"},\"blank\"],\n",
"\"kind\":\"subplots\"\n",
"};\n",
" window.letsPlotCall(function() { fig = LetsPlot.buildPlotFromProcessedSpecs(plotSpec, containerDiv, sizing); });\n",
" } else {\n",
" fig.updateView({});\n",
" }\n",
" }\n",
" \n",
" const renderImmediately = \n",
" forceImmediateRender || (\n",
" sizing.width_mode === 'FIXED' && \n",
" (sizing.height_mode === 'FIXED' || sizing.height_mode === 'SCALED')\n",
" );\n",
" \n",
" if (renderImmediately) {\n",
" renderPlot();\n",
" }\n",
" \n",
" if (!renderImmediately || responsive) {\n",
" // Set up observer for initial sizing or continuous monitoring\n",
" var observer = new ResizeObserver(function(entries) {\n",
" for (let entry of entries) {\n",
" if (entry.contentBoxSize && \n",
" entry.contentBoxSize[0].inlineSize > 0) {\n",
" if (!responsive && observer) {\n",
" observer.disconnect();\n",
" observer = null;\n",
" }\n",
" renderPlot();\n",
" if (!responsive) {\n",
" break;\n",
" }\n",
" }\n",
" }\n",
" });\n",
" \n",
" observer.observe(containerDiv);\n",
" }\n",
" \n",
" // ----------\n",
" })();\n",
" \n",
" </script> <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" id=06c7c9f8-e815-436f-b616-54600cae8a86 width=\"100%\" height=\"100%\" style=\"max-width: 900.0px; max-height: 600.0px;\" viewBox=\"0 0 900.0 600.0\" preserveAspectRatio=\"xMinYMin meet\">\n",
" <style type=\"text/css\">\n",
" .plt-container {\n",
" font-family: sans-serif;\n",
" user-select: none;\n",
" -webkit-user-select: none;\n",
" -moz-user-select: none;\n",
" -ms-user-select: none;\n",
"}\n",
"text {\n",
" text-rendering: optimizeLegibility;\n",
"}\n",
"#p0YOSAQ .plot-title {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 16.0px;\n",
"\n",
"}\n",
"#p0YOSAQ .plot-subtitle {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#p0YOSAQ .plot-caption {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#p0YOSAQ .hyperlink-element {\n",
"fill: #118ed8;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"\n",
"}\n",
"#p0YOSAQ .legend-title {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#p0YOSAQ .legend-item {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#p0YOSAQ .axis-title-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#p0YOSAQ .axis-text-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
".axis-tooltip-text-x {\n",
"fill: #ffffff;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#p0YOSAQ .axis-title-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#p0YOSAQ .axis-text-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
".axis-tooltip-text-y {\n",
"fill: #ffffff;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#p0YOSAQ .facet-strip-text-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#p0YOSAQ .facet-strip-text-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
".tooltip-text {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
".tooltip-title {\n",
"fill: #474747;\n",
"font-weight: bold;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
".tooltip-label {\n",
"fill: #474747;\n",
"font-weight: bold;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"\n",
" </style>\n",
" <g id=\"p0YOSAQ\">\n",
" <rect x=\"0.0\" y=\"0.0\" height=\"600.0\" width=\"900.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\">\n",
" </rect>\n",
" </g>\n",
" <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" width=\"442.0\" height=\"292.0\" x=\"6.0\" y=\"6.0\">\n",
" <style type=\"text/css\">\n",
" .plt-container {\n",
" font-family: sans-serif;\n",
" user-select: none;\n",
" -webkit-user-select: none;\n",
" -moz-user-select: none;\n",
" -ms-user-select: none;\n",
"}\n",
"text {\n",
" text-rendering: optimizeLegibility;\n",
"}\n",
"#pCgQJ9f .plot-title {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 16.0px;\n",
"\n",
"}\n",
"#pCgQJ9f .plot-subtitle {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#pCgQJ9f .plot-caption {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#pCgQJ9f .hyperlink-element {\n",
"fill: #118ed8;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"\n",
"}\n",
"#pCgQJ9f .legend-title {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#pCgQJ9f .legend-item {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#pCgQJ9f .axis-title-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#pCgQJ9f .axis-text-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#dVU6KtZ .axis-tooltip-text-x {\n",
"fill: #ffffff;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#pCgQJ9f .axis-title-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#pCgQJ9f .axis-text-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#dVU6KtZ .axis-tooltip-text-y {\n",
"fill: #ffffff;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#pCgQJ9f .facet-strip-text-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#pCgQJ9f .facet-strip-text-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#dVU6KtZ .tooltip-text {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#dVU6KtZ .tooltip-title {\n",
"fill: #474747;\n",
"font-weight: bold;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#dVU6KtZ .tooltip-label {\n",
"fill: #474747;\n",
"font-weight: bold;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"\n",
" </style>\n",
" <g id=\"pCgQJ9f\">\n",
" <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 292.0 L442.0 292.0 L442.0 0.0 Z\">\n",
" </path>\n",
" <g transform=\"translate(21.0 22.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(31.015306675749617 0.0 ) \">\n",
" <g>\n",
" <line x1=\"14.092417258435447\" y1=\"0.0\" x2=\"14.092417258435447\" y2=\"230.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"84.55450355061268\" y1=\"0.0\" x2=\"84.55450355061268\" y2=\"230.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"155.01658984278993\" y1=\"0.0\" x2=\"155.01658984278993\" y2=\"230.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"225.47867613496715\" y1=\"0.0\" x2=\"225.47867613496715\" y2=\"230.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"295.94076242714436\" y1=\"0.0\" x2=\"295.94076242714436\" y2=\"230.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(31.015306675749617 0.0 ) \">\n",
" <g>\n",
" <line x1=\"0.0\" y1=\"207.0\" x2=\"310.03317968557985\" y2=\"207.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"161.0\" x2=\"310.03317968557985\" y2=\"161.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"115.0\" x2=\"310.03317968557985\" y2=\"115.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"69.0\" x2=\"310.03317968557985\" y2=\"69.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"23.0\" x2=\"310.03317968557985\" y2=\"23.0\" 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(#c4MbUk5)\" clip-bounds-jfx=\"[rect (31.015306675749617, 0.0), (310.03317968557985, 230.0)]\">\n",
" <g transform=\"translate(31.015306675749617 0.0 ) \">\n",
" <g>\n",
" <g>\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"2.2\" cx=\"14.092417258435447\" cy=\"115.0\" r=\"14.3\" />\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"15.400000000000002\" cx=\"155.01658984278993\" cy=\"115.0\" r=\"20.900000000000002\" />\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"6.6000000000000005\" cx=\"295.94076242714436\" cy=\"115.0\" r=\"16.5\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <defs>\n",
" <clipPath id=\"c4MbUk5\">\n",
" <rect x=\"31.015306675749617\" y=\"0.0\" width=\"310.03317968557985\" height=\"230.0\">\n",
" </rect>\n",
" </clipPath>\n",
" </defs>\n",
" </g>\n",
" <g>\n",
" <g transform=\"translate(31.015306675749617 230.0 ) \">\n",
" <g transform=\"translate(14.092417258435447 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>0</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(84.55450355061268 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>0.5</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(155.01658984278993 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>1</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(225.47867613496715 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>1.5</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(295.94076242714436 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>2</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <line x1=\"0.0\" y1=\"0.0\" x2=\"310.03317968557985\" y2=\"0.0\" stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\">\n",
" </line>\n",
" </g>\n",
" <g transform=\"translate(31.015306675749617 0.0 ) \">\n",
" <g transform=\"translate(0.0 207.0 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>-0.4</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 161.0 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>-0.2</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 115.0 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>0</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 69.0 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>0.2</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 23.0 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>0.4</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(52.01530667574961 15.8 ) \">\n",
" <text style=\"font-size:16.0px;\" y=\"0.0\" class=\"plot-title\">\n",
" <tspan>Default scale</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(15.0 137.0 ) rotate(-90.0 ) \">\n",
" <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"axis-title-y\" text-anchor=\"middle\">\n",
" <tspan>y</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(207.03189651853955 286.0 ) \">\n",
" <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"axis-title-x\" text-anchor=\"middle\">\n",
" <tspan>x</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(365.0484863613295 7.75 ) \">\n",
" <rect x=\"0.0\" y=\"0.0\" height=\"258.5\" width=\"73.9515136386705\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
" </rect>\n",
" <g transform=\"translate(5.0 5.0 ) \">\n",
" <g transform=\"translate(0.0 12.0 ) \">\n",
" <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"legend-title\">\n",
" <tspan>stroke</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(0.0 22.5 ) \">\n",
" <g transform=\"\">\n",
" <g>\n",
" <g transform=\"translate(1.0 1.0 ) \">\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"2.2\" cx=\"21.0\" cy=\"10.5\" r=\"6.6\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(47.990302727734104 11.5 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
" <tspan>4</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 23.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(1.0 1.0 ) \">\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"4.4\" cx=\"21.0\" cy=\"10.5\" r=\"7.7\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(47.990302727734104 11.5 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
" <tspan>6</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 46.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(1.0 1.0 ) \">\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"6.6000000000000005\" cx=\"21.0\" cy=\"13.0\" r=\"8.8\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(47.990302727734104 14.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
" <tspan>8</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 74.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(1.0 1.0 ) \">\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"8.8\" cx=\"21.0\" cy=\"15.0\" r=\"9.9\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(47.990302727734104 16.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
" <tspan>10</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 106.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(1.0 1.0 ) \">\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"11.0\" cx=\"21.0\" cy=\"17.0\" r=\"11.0\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(47.990302727734104 18.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
" <tspan>12</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 142.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(1.0 1.0 ) \">\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"13.200000000000001\" cx=\"21.0\" cy=\"19.0\" r=\"12.100000000000001\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(47.990302727734104 20.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
" <tspan>14</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 182.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(1.0 1.0 ) \">\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"15.400000000000002\" cx=\"21.0\" cy=\"21.0\" r=\"13.200000000000001\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(47.990302727734104 22.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
" <tspan>16</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 292.0 L442.0 292.0 L442.0 0.0 Z\" pointer-events=\"none\">\n",
" </path>\n",
" </g>\n",
" <g id=\"dVU6KtZ\">\n",
" </g>\n",
" </svg>\n",
" <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" width=\"442.0\" height=\"292.0\" x=\"452.0\" y=\"6.0\">\n",
" <style type=\"text/css\">\n",
" .plt-container {\n",
" font-family: sans-serif;\n",
" user-select: none;\n",
" -webkit-user-select: none;\n",
" -moz-user-select: none;\n",
" -ms-user-select: none;\n",
"}\n",
"text {\n",
" text-rendering: optimizeLegibility;\n",
"}\n",
"#p1m5FZj .plot-title {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 16.0px;\n",
"\n",
"}\n",
"#p1m5FZj .plot-subtitle {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#p1m5FZj .plot-caption {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#p1m5FZj .hyperlink-element {\n",
"fill: #118ed8;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"\n",
"}\n",
"#p1m5FZj .legend-title {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#p1m5FZj .legend-item {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#p1m5FZj .axis-title-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#p1m5FZj .axis-text-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#dZ9zpr1 .axis-tooltip-text-x {\n",
"fill: #ffffff;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#p1m5FZj .axis-title-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#p1m5FZj .axis-text-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#dZ9zpr1 .axis-tooltip-text-y {\n",
"fill: #ffffff;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#p1m5FZj .facet-strip-text-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#p1m5FZj .facet-strip-text-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#dZ9zpr1 .tooltip-text {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#dZ9zpr1 .tooltip-title {\n",
"fill: #474747;\n",
"font-weight: bold;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#dZ9zpr1 .tooltip-label {\n",
"fill: #474747;\n",
"font-weight: bold;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"\n",
" </style>\n",
" <g id=\"p1m5FZj\">\n",
" <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 292.0 L442.0 292.0 L442.0 0.0 Z\">\n",
" </path>\n",
" <g transform=\"translate(21.0 22.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(31.015306675749617 0.0 ) \">\n",
" <g>\n",
" <line x1=\"14.637871803889993\" y1=\"0.0\" x2=\"14.637871803889993\" y2=\"230.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"87.82723082333996\" y1=\"0.0\" x2=\"87.82723082333996\" y2=\"230.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"161.01658984278993\" y1=\"0.0\" x2=\"161.01658984278993\" y2=\"230.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"234.2059488622399\" y1=\"0.0\" x2=\"234.2059488622399\" y2=\"230.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"307.39530788168986\" y1=\"0.0\" x2=\"307.39530788168986\" y2=\"230.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(31.015306675749617 0.0 ) \">\n",
" <g>\n",
" <line x1=\"0.0\" y1=\"207.0\" x2=\"322.03317968557985\" y2=\"207.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"161.0\" x2=\"322.03317968557985\" y2=\"161.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"115.0\" x2=\"322.03317968557985\" y2=\"115.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"69.0\" x2=\"322.03317968557985\" y2=\"69.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"23.0\" x2=\"322.03317968557985\" y2=\"23.0\" 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(#csfYb0K)\" clip-bounds-jfx=\"[rect (31.015306675749617, 0.0), (322.03317968557985, 230.0)]\">\n",
" <g transform=\"translate(31.015306675749617 0.0 ) \">\n",
" <g>\n",
" <g>\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"4.4\" cx=\"14.637871803889993\" cy=\"115.0\" r=\"15.400000000000002\" />\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"8.8\" cx=\"161.01658984278993\" cy=\"115.0\" r=\"17.6\" />\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"5.866666666666668\" cx=\"307.39530788168986\" cy=\"115.0\" r=\"16.133333333333336\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <defs>\n",
" <clipPath id=\"csfYb0K\">\n",
" <rect x=\"31.015306675749617\" y=\"0.0\" width=\"322.03317968557985\" height=\"230.0\">\n",
" </rect>\n",
" </clipPath>\n",
" </defs>\n",
" </g>\n",
" <g>\n",
" <g transform=\"translate(31.015306675749617 230.0 ) \">\n",
" <g transform=\"translate(14.637871803889993 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>0</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(87.82723082333996 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>0.5</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(161.01658984278993 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>1</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(234.2059488622399 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>1.5</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(307.39530788168986 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>2</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <line x1=\"0.0\" y1=\"0.0\" x2=\"322.03317968557985\" y2=\"0.0\" stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\">\n",
" </line>\n",
" </g>\n",
" <g transform=\"translate(31.015306675749617 0.0 ) \">\n",
" <g transform=\"translate(0.0 207.0 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>-0.4</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 161.0 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>-0.2</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 115.0 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>0</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 69.0 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>0.2</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 23.0 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>0.4</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(52.01530667574961 15.8 ) \">\n",
" <text style=\"font-size:16.0px;\" y=\"0.0\" class=\"plot-title\">\n",
" <tspan>scaleStroke()</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(15.0 137.0 ) rotate(-90.0 ) \">\n",
" <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"axis-title-y\" text-anchor=\"middle\">\n",
" <tspan>y</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(213.03189651853955 286.0 ) \">\n",
" <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"axis-title-x\" text-anchor=\"middle\">\n",
" <tspan>x</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(377.0484863613295 25.25 ) \">\n",
" <rect x=\"0.0\" y=\"0.0\" height=\"223.5\" width=\"61.951513638670505\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
" </rect>\n",
" <g transform=\"translate(5.0 5.0 ) \">\n",
" <g transform=\"translate(0.0 12.0 ) \">\n",
" <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"legend-title\">\n",
" <tspan>stroke</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(0.0 22.5 ) \">\n",
" <g transform=\"\">\n",
" <g>\n",
" <g transform=\"translate(1.0 1.0 ) \">\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"4.4\" cx=\"15.0\" cy=\"10.5\" r=\"7.7\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(35.990302727734104 11.5 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
" <tspan>4</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 23.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(1.0 1.0 ) \">\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"5.133333333333334\" cx=\"15.0\" cy=\"11.0\" r=\"8.066666666666666\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(35.990302727734104 12.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
" <tspan>6</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 47.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(1.0 1.0 ) \">\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"5.866666666666668\" cx=\"15.0\" cy=\"12.0\" r=\"8.433333333333334\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(35.990302727734104 13.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
" <tspan>8</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 73.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(1.0 1.0 ) \">\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"6.6000000000000005\" cx=\"15.0\" cy=\"13.0\" r=\"8.8\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(35.990302727734104 14.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
" <tspan>10</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 101.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(1.0 1.0 ) \">\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"7.333333333333334\" cx=\"15.0\" cy=\"13.0\" r=\"9.166666666666668\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(35.990302727734104 14.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
" <tspan>12</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 129.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(1.0 1.0 ) \">\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"8.066666666666666\" cx=\"15.0\" cy=\"14.0\" r=\"9.533333333333333\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(35.990302727734104 15.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
" <tspan>14</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 159.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(1.0 1.0 ) \">\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"8.8\" cx=\"15.0\" cy=\"15.0\" r=\"9.9\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(35.990302727734104 16.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"legend-item\" dy=\"0.35em\">\n",
" <tspan>16</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 292.0 L442.0 292.0 L442.0 0.0 Z\" pointer-events=\"none\">\n",
" </path>\n",
" </g>\n",
" <g id=\"dZ9zpr1\">\n",
" </g>\n",
" </svg>\n",
" <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" width=\"442.0\" height=\"292.0\" x=\"6.0\" y=\"302.0\">\n",
" <style type=\"text/css\">\n",
" .plt-container {\n",
" font-family: sans-serif;\n",
" user-select: none;\n",
" -webkit-user-select: none;\n",
" -moz-user-select: none;\n",
" -ms-user-select: none;\n",
"}\n",
"text {\n",
" text-rendering: optimizeLegibility;\n",
"}\n",
"#pyzPVnH .plot-title {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 16.0px;\n",
"\n",
"}\n",
"#pyzPVnH .plot-subtitle {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#pyzPVnH .plot-caption {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#pyzPVnH .hyperlink-element {\n",
"fill: #118ed8;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"\n",
"}\n",
"#pyzPVnH .legend-title {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#pyzPVnH .legend-item {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#pyzPVnH .axis-title-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#pyzPVnH .axis-text-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#d3k5Ecl .axis-tooltip-text-x {\n",
"fill: #ffffff;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#pyzPVnH .axis-title-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 15.0px;\n",
"\n",
"}\n",
"#pyzPVnH .axis-text-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#d3k5Ecl .axis-tooltip-text-y {\n",
"fill: #ffffff;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#pyzPVnH .facet-strip-text-x {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#pyzPVnH .facet-strip-text-y {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#d3k5Ecl .tooltip-text {\n",
"fill: #474747;\n",
"font-weight: normal;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#d3k5Ecl .tooltip-title {\n",
"fill: #474747;\n",
"font-weight: bold;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"#d3k5Ecl .tooltip-label {\n",
"fill: #474747;\n",
"font-weight: bold;\n",
"font-style: normal;\n",
"font-family: sans-serif;\n",
"font-size: 13.0px;\n",
"\n",
"}\n",
"\n",
" </style>\n",
" <g id=\"pyzPVnH\">\n",
" <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 292.0 L442.0 292.0 L442.0 0.0 Z\">\n",
" </path>\n",
" <g transform=\"translate(21.0 22.0 ) \">\n",
" <g>\n",
" <g transform=\"translate(31.015306675749617 0.0 ) \">\n",
" <g>\n",
" <line x1=\"17.453849696556833\" y1=\"0.0\" x2=\"17.453849696556833\" y2=\"230.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"104.723098179341\" y1=\"0.0\" x2=\"104.723098179341\" y2=\"230.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"191.99234666212516\" y1=\"0.0\" x2=\"191.99234666212516\" y2=\"230.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"279.26159514490934\" y1=\"0.0\" x2=\"279.26159514490934\" y2=\"230.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"366.5308436276935\" y1=\"0.0\" x2=\"366.5308436276935\" y2=\"230.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(31.015306675749617 0.0 ) \">\n",
" <g>\n",
" <line x1=\"0.0\" y1=\"207.0\" x2=\"383.9846933242504\" y2=\"207.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"161.0\" x2=\"383.9846933242504\" y2=\"161.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"115.0\" x2=\"383.9846933242504\" y2=\"115.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"69.0\" x2=\"383.9846933242504\" y2=\"69.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
" </line>\n",
" <line x1=\"0.0\" y1=\"23.0\" x2=\"383.9846933242504\" y2=\"23.0\" 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(#cijR8BI)\" clip-bounds-jfx=\"[rect (31.015306675749617, 0.0), (383.9846933242504, 230.0)]\">\n",
" <g transform=\"translate(31.015306675749617 0.0 ) \">\n",
" <g>\n",
" <g>\n",
" <g>\n",
" <g >\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"8.8\" cx=\"17.453849696556833\" cy=\"115.0\" r=\"17.6\" />\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"35.2\" cx=\"191.99234666212516\" cy=\"115.0\" r=\"30.800000000000004\" />\n",
" <circle fill=\"#dd1c77\" stroke=\"#54278f\" stroke-width=\"17.6\" cx=\"366.5308436276935\" cy=\"115.0\" r=\"22.0\" />\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <defs>\n",
" <clipPath id=\"cijR8BI\">\n",
" <rect x=\"31.015306675749617\" y=\"0.0\" width=\"383.9846933242504\" height=\"230.0\">\n",
" </rect>\n",
" </clipPath>\n",
" </defs>\n",
" </g>\n",
" <g>\n",
" <g transform=\"translate(31.015306675749617 230.0 ) \">\n",
" <g transform=\"translate(17.453849696556833 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>0</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(104.723098179341 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>0.5</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(191.99234666212516 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>1</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(279.26159514490934 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>1.5</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(366.5308436276935 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 6.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
" <tspan>2</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <line x1=\"0.0\" y1=\"0.0\" x2=\"383.9846933242504\" y2=\"0.0\" stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\">\n",
" </line>\n",
" </g>\n",
" <g transform=\"translate(31.015306675749617 0.0 ) \">\n",
" <g transform=\"translate(0.0 207.0 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>-0.4</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 161.0 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>-0.2</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 115.0 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>0</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 69.0 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>0.2</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(0.0 23.0 ) \">\n",
" <g transform=\"translate(-2.0 0.0 ) \">\n",
" <text style=\"font-size:13.0px;\" y=\"0.0\" class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
" <tspan>0.4</tspan>\n",
" </text>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" </g>\n",
" <g transform=\"translate(52.01530667574961 15.8 ) \">\n",
" <text style=\"font-size:16.0px;\" y=\"0.0\" class=\"plot-title\">\n",
" <tspan>scaleStrokeIdentity()</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(15.0 137.0 ) rotate(-90.0 ) \">\n",
" <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"axis-title-y\" text-anchor=\"middle\">\n",
" <tspan>y</tspan>\n",
" </text>\n",
" </g>\n",
" <g transform=\"translate(244.00765333787479 286.0 ) \">\n",
" <text style=\"font-size:15.0px;\" y=\"0.0\" class=\"axis-title-x\" text-anchor=\"middle\">\n",
" <tspan>x</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 292.0 L442.0 292.0 L442.0 0.0 Z\" pointer-events=\"none\">\n",
" </path>\n",
" </g>\n",
" <g id=\"d3k5Ecl\">\n",
" </g>\n",
" </svg>\n",
"</svg>\n",
" <script>document.getElementById(\"06c7c9f8-e815-436f-b616-54600cae8a86\").style.display = \"none\";</script>"
]
},
"execution_count": 9,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"gggrid(\n",
" listOf(\n",
" p2 + ggtitle(\"Default scale\"),\n",
" p2 + scaleStroke(range = 2 to 4) + ggtitle(\"scaleStroke()\"),\n",
" p2 + scaleStrokeIdentity() + ggtitle(\"scaleStrokeIdentity()\"),\n",
" ),\n",
" ncol = 2\n",
")"
]
}
],
"metadata": {
"kernelspec": {
"display_name": "Kotlin",
"language": "kotlin",
"name": "kotlin"
},
"language_info": {
"codemirror_mode": "text/x-kotlin",
"file_extension": ".kt",
"mimetype": "text/x-kotlin",
"name": "kotlin",
"nbconvert_exporter": "",
"pygments_lexer": "kotlin",
"version": "2.2.20-Beta2"
}
},
"nbformat": 4,
"nbformat_minor": 5
}