Created
June 17, 2024 11:51
-
-
Save Jolanrensen/fd0c3a2e5ff91d3b51fe6b1132d8776e to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"cells": [ | |
{ | |
"metadata": { | |
"ExecuteTime": { | |
"end_time": "2024-06-17T09:47:05.809826Z", | |
"start_time": "2024-06-17T09:47:01.165827Z" | |
} | |
}, | |
"cell_type": "code", | |
"source": "%use dataframe", | |
"outputs": [], | |
"execution_count": 1 | |
}, | |
{ | |
"metadata": { | |
"ExecuteTime": { | |
"end_time": "2024-06-17T11:24:30.427887Z", | |
"start_time": "2024-06-17T11:24:27.865609Z" | |
} | |
}, | |
"cell_type": "code", | |
"source": [ | |
"/**\n", | |
" * nodes: *\n", | |
" * name: String\n", | |
" * cpu:\n", | |
" * requests: String\n", | |
" * requestsPercent: String\n", | |
" * limits: String\n", | |
" * limitsPercent: String\n", | |
" * memory:\n", | |
" * requests: String\n", | |
" * requestsPercent: String\n", | |
" * limits: String\n", | |
" * limitsPercent: String\n", | |
" * pods: *\n", | |
" * name: String\n", | |
" * namespace: String\n", | |
" * cpu:\n", | |
" * requests: String\n", | |
" * requestsPercent: String\n", | |
" * limits: String\n", | |
" * limitsPercent: String\n", | |
" * memory:\n", | |
" * requests: String\n", | |
" * requestsPercent: String\n", | |
" * limits: String\n", | |
" * limitsPercent: String\n", | |
" */\n", | |
"\n", | |
"data class Node(\n", | |
" val name: String,\n", | |
" val cpu: ReqLim,\n", | |
" val memory: ReqLim,\n", | |
" val pods: List<Pod>,\n", | |
")\n", | |
"\n", | |
"data class ReqLim(\n", | |
" val requests: String,\n", | |
" val requestsPercent: String,\n", | |
" val limits: String,\n", | |
" val limitsPercent: String,\n", | |
")\n", | |
"\n", | |
"data class Pod(\n", | |
" val name: String,\n", | |
" val namespace: String,\n", | |
" val cpu: ReqLim,\n", | |
" val memory: ReqLim,\n", | |
")" | |
], | |
"outputs": [], | |
"execution_count": 12 | |
}, | |
{ | |
"metadata": { | |
"ExecuteTime": { | |
"end_time": "2024-06-17T11:25:02.046940Z", | |
"start_time": "2024-06-17T11:24:59.590393Z" | |
} | |
}, | |
"cell_type": "code", | |
"source": [ | |
"val nodes = listOf(\n", | |
" Node(\n", | |
" \"a\",\n", | |
" ReqLim(\"1\", \"10\", \"2\", \"20\"),\n", | |
" ReqLim(\"3\", \"30\", \"4\", \"40\"),\n", | |
" listOf(\n", | |
" Pod(\n", | |
" \"a1\",\n", | |
" \"ns1\",\n", | |
" ReqLim(\"1\", \"10\", \"2\", \"20\"),\n", | |
" ReqLim(\"3\", \"30\", \"4\", \"40\"),\n", | |
" ),\n", | |
" Pod(\n", | |
" \"a2\",\n", | |
" \"ns2\",\n", | |
" ReqLim(\"5\", \"50\", \"6\", \"60\"),\n", | |
" ReqLim(\"7\", \"70\", \"8\", \"80\"),\n", | |
" ),\n", | |
" ),\n", | |
" ),\n", | |
" Node(\n", | |
" \"b\",\n", | |
" ReqLim(\"9\", \"90\", \"10\", \"100\"),\n", | |
" ReqLim(\"11\", \"110\", \"12\", \"120\"),\n", | |
" listOf(\n", | |
" Pod(\n", | |
" \"b1\",\n", | |
" \"ns3\",\n", | |
" ReqLim(\"13\", \"130\", \"14\", \"140\"),\n", | |
" ReqLim(\"15\", \"150\", \"16\", \"160\"),\n", | |
" ),\n", | |
" Pod(\n", | |
" \"b2\",\n", | |
" \"ns4\",\n", | |
" ReqLim(\"17\", \"170\", \"18\", \"180\"),\n", | |
" ReqLim(\"19\", \"190\", \"20\", \"200\"),\n", | |
" ),\n", | |
" ),\n", | |
" ),\n", | |
").toDataFrame(maxDepth = Int.MAX_VALUE)\n", | |
"nodes" | |
], | |
"outputs": [ | |
{ | |
"data": { | |
"text/html": [ | |
" <iframe onload=\"o_resize_iframe_out_18()\" style=\"width:100%;\" class=\"result_container\" id=\"iframe_out_18\" frameBorder=\"0\" srcdoc=\" <html theme='dark'>\n", | |
" <head>\n", | |
" <style type="text/css">\n", | |
" :root {\n", | |
" --background: #fff;\n", | |
" --background-odd: #f5f5f5;\n", | |
" --background-hover: #d9edfd;\n", | |
" --header-text-color: #474747;\n", | |
" --text-color: #848484;\n", | |
" --text-color-dark: #000;\n", | |
" --text-color-medium: #737373;\n", | |
" --text-color-pale: #b3b3b3;\n", | |
" --inner-border-color: #aaa;\n", | |
" --bold-border-color: #000;\n", | |
" --link-color: #296eaa;\n", | |
" --link-color-pale: #296eaa;\n", | |
" --link-hover: #1a466c;\n", | |
"}\n", | |
"\n", | |
":root[theme="dark"], :root [data-jp-theme-light="false"], .dataframe_dark{\n", | |
" --background: #303030;\n", | |
" --background-odd: #3c3c3c;\n", | |
" --background-hover: #464646;\n", | |
" --header-text-color: #dddddd;\n", | |
" --text-color: #b3b3b3;\n", | |
" --text-color-dark: #dddddd;\n", | |
" --text-color-medium: #b2b2b2;\n", | |
" --text-color-pale: #737373;\n", | |
" --inner-border-color: #707070;\n", | |
" --bold-border-color: #777777;\n", | |
" --link-color: #008dc0;\n", | |
" --link-color-pale: #97e1fb;\n", | |
" --link-hover: #00688e;\n", | |
"}\n", | |
"\n", | |
"p.dataframe_description {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"table.dataframe {\n", | |
" font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;\n", | |
" font-size: 12px;\n", | |
" background-color: var(--background);\n", | |
" color: var(--text-color-dark);\n", | |
" border: none;\n", | |
" border-collapse: collapse;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th, td {\n", | |
" padding: 6px;\n", | |
" border: 1px solid transparent;\n", | |
" text-align: left;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th {\n", | |
" background-color: var(--background);\n", | |
" color: var(--header-text-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe td {\n", | |
" vertical-align: top;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th.bottomBorder {\n", | |
" border-bottom-color: var(--bold-border-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tbody > tr:nth-child(odd) {\n", | |
" background: var(--background-odd);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tbody > tr:nth-child(even) {\n", | |
" background: var(--background);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tbody > tr:hover {\n", | |
" background: var(--background-hover);\n", | |
"}\n", | |
"\n", | |
"table.dataframe a {\n", | |
" cursor: pointer;\n", | |
" color: var(--link-color);\n", | |
" text-decoration: none;\n", | |
"}\n", | |
"\n", | |
"table.dataframe tr:hover > td a {\n", | |
" color: var(--link-color-pale);\n", | |
"}\n", | |
"\n", | |
"table.dataframe a:hover {\n", | |
" color: var(--link-hover);\n", | |
" text-decoration: underline;\n", | |
"}\n", | |
"\n", | |
"table.dataframe img {\n", | |
" max-width: fit-content;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th.complex {\n", | |
" background-color: var(--background);\n", | |
" border: 1px solid var(--background);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .leftBorder {\n", | |
" border-left-color: var(--inner-border-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .rightBorder {\n", | |
" border-right-color: var(--inner-border-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .rightAlign {\n", | |
" text-align: right;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .expanderSvg {\n", | |
" width: 8px;\n", | |
" height: 8px;\n", | |
" margin-right: 3px;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .expander {\n", | |
" display: flex;\n", | |
" align-items: center;\n", | |
"}\n", | |
"\n", | |
"/* formatting */\n", | |
"\n", | |
"table.dataframe .null {\n", | |
" color: var(--text-color-pale);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .structural {\n", | |
" color: var(--text-color-medium);\n", | |
" font-weight: bold;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .dataFrameCaption {\n", | |
" font-weight: bold;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .numbers {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"table.dataframe td:hover .formatted .structural, .null {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tr:hover .formatted .structural, .null {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"\n", | |
":root {\n", | |
" --scroll-bg: #f5f5f5;\n", | |
" --scroll-fg: #b3b3b3;\n", | |
"}\n", | |
":root[theme="dark"], :root [data-jp-theme-light="false"]{\n", | |
" --scroll-bg: #3c3c3c;\n", | |
" --scroll-fg: #97e1fb;\n", | |
"}\n", | |
"body {\n", | |
" scrollbar-color: var(--scroll-fg) var(--scroll-bg);\n", | |
"}\n", | |
"body::-webkit-scrollbar {\n", | |
" width: 10px; /* Mostly for vertical scrollbars */\n", | |
" height: 10px; /* Mostly for horizontal scrollbars */\n", | |
"}\n", | |
"body::-webkit-scrollbar-thumb {\n", | |
" background-color: var(--scroll-fg);\n", | |
"}\n", | |
"body::-webkit-scrollbar-track {\n", | |
" background-color: var(--scroll-bg);\n", | |
"}\n", | |
" </style>\n", | |
" </head>\n", | |
" <body>\n", | |
" <table class="dataframe" id="df_419430442"></table>\n", | |
"\n", | |
"<p class="dataframe_description">DataFrame: rowsCount = 2, columnsCount = 4</p>\n", | |
"\n", | |
" </body>\n", | |
" <script>\n", | |
" (function () {\n", | |
" window.DataFrame = window.DataFrame || new (function () {\n", | |
" this.addTable = function (df) {\n", | |
" let cols = df.cols;\n", | |
" for (let i = 0; i < cols.length; i++) {\n", | |
" for (let c of cols[i].children) {\n", | |
" cols[c].parent = i;\n", | |
" }\n", | |
" }\n", | |
" df.nrow = 0\n", | |
" for (let i = 0; i < df.cols.length; i++) {\n", | |
" if (df.cols[i].values.length > df.nrow) df.nrow = df.cols[i].values.length\n", | |
" }\n", | |
" if (df.id === df.rootId) {\n", | |
" df.expandedFrames = new Set()\n", | |
" df.childFrames = {}\n", | |
" const table = this.getTableElement(df.id)\n", | |
" table.df = df\n", | |
" for (let i = 0; i < df.cols.length; i++) {\n", | |
" let col = df.cols[i]\n", | |
" if (col.parent === undefined && col.children.length > 0) col.expanded = true\n", | |
" }\n", | |
" } else {\n", | |
" const rootDf = this.getTableData(df.rootId)\n", | |
" rootDf.childFrames[df.id] = df\n", | |
" }\n", | |
" }\n", | |
"\n", | |
" this.computeRenderData = function (df) {\n", | |
" let result = []\n", | |
" let pos = 0\n", | |
" for (let col = 0; col < df.cols.length; col++) {\n", | |
" if (df.cols[col].parent === undefined)\n", | |
" pos += this.computeRenderDataRec(df.cols, col, pos, 0, result, false, false)\n", | |
" }\n", | |
" for (let i = 0; i < result.length; i++) {\n", | |
" let row = result[i]\n", | |
" for (let j = 0; j < row.length; j++) {\n", | |
" let cell = row[j]\n", | |
" if (j === 0)\n", | |
" cell.leftBd = false\n", | |
" if (j < row.length - 1) {\n", | |
" let nextData = row[j + 1]\n", | |
" if (nextData.leftBd) cell.rightBd = true\n", | |
" else if (cell.rightBd) nextData.leftBd = true\n", | |
" } else cell.rightBd = false\n", | |
" }\n", | |
" }\n", | |
" return result\n", | |
" }\n", | |
"\n", | |
" this.computeRenderDataRec = function (cols, colId, pos, depth, result, leftBorder, rightBorder) {\n", | |
" if (result.length === depth) {\n", | |
" const array = [];\n", | |
" if (pos > 0) {\n", | |
" let j = 0\n", | |
" for (let i = 0; j < pos; i++) {\n", | |
" let c = result[depth - 1][i]\n", | |
" j += c.span\n", | |
" let copy = Object.assign({empty: true}, c)\n", | |
" array.push(copy)\n", | |
" }\n", | |
" }\n", | |
" result.push(array)\n", | |
" }\n", | |
" const col = cols[colId];\n", | |
" let size = 0;\n", | |
" if (col.expanded) {\n", | |
" let childPos = pos\n", | |
" for (let i = 0; i < col.children.length; i++) {\n", | |
" let child = col.children[i]\n", | |
" let childLeft = i === 0 && (col.children.length > 1 || leftBorder)\n", | |
" let childRight = i === col.children.length - 1 && (col.children.length > 1 || rightBorder)\n", | |
" let childSize = this.computeRenderDataRec(cols, child, childPos, depth + 1, result, childLeft, childRight)\n", | |
" childPos += childSize\n", | |
" size += childSize\n", | |
" }\n", | |
" } else {\n", | |
" for (let i = depth + 1; i < result.length; i++)\n", | |
" result[i].push({id: colId, span: 1, leftBd: leftBorder, rightBd: rightBorder, empty: true})\n", | |
" size = 1\n", | |
" }\n", | |
" let left = leftBorder\n", | |
" let right = rightBorder\n", | |
" if (size > 1) {\n", | |
" left = true\n", | |
" right = true\n", | |
" }\n", | |
" result[depth].push({id: colId, span: size, leftBd: left, rightBd: right})\n", | |
" return size\n", | |
" }\n", | |
"\n", | |
" this.getTableElement = function (id) {\n", | |
" return document.getElementById("df_" + id)\n", | |
" }\n", | |
"\n", | |
" this.getTableData = function (id) {\n", | |
" return this.getTableElement(id).df\n", | |
" }\n", | |
"\n", | |
" this.createExpander = function (isExpanded) {\n", | |
" const svgNs = "http://www.w3.org/2000/svg"\n", | |
" let svg = document.createElementNS(svgNs, "svg")\n", | |
" svg.classList.add("expanderSvg")\n", | |
" let path = document.createElementNS(svgNs, "path")\n", | |
" if (isExpanded) {\n", | |
" svg.setAttribute("viewBox", "0 -2 8 8")\n", | |
" path.setAttribute("d", "M1 0 l-1 1 4 4 4 -4 -1 -1 -3 3Z")\n", | |
" } else {\n", | |
" svg.setAttribute("viewBox", "-2 0 8 8")\n", | |
" path.setAttribute("d", "M1 0 l-1 1 3 3 -3 3 1 1 4 -4Z")\n", | |
" }\n", | |
" path.setAttribute("fill", "currentColor")\n", | |
" svg.appendChild(path)\n", | |
" return svg\n", | |
" }\n", | |
"\n", | |
" this.renderTable = function (id) {\n", | |
"\n", | |
" let table = this.getTableElement(id)\n", | |
"\n", | |
" if (table === null) return\n", | |
"\n", | |
" table.innerHTML = ""\n", | |
"\n", | |
" let df = table.df\n", | |
" let rootDf = df.rootId === df.id ? df : this.getTableData(df.rootId)\n", | |
"\n", | |
" // header\n", | |
" let header = document.createElement("thead")\n", | |
" table.appendChild(header)\n", | |
"\n", | |
" let renderData = this.computeRenderData(df)\n", | |
" for (let j = 0; j < renderData.length; j++) {\n", | |
" let rowData = renderData[j]\n", | |
" let tr = document.createElement("tr");\n", | |
" let isLastRow = j === renderData.length - 1\n", | |
" header.appendChild(tr);\n", | |
" for (let i = 0; i < rowData.length; i++) {\n", | |
" let cell = rowData[i]\n", | |
" let th = document.createElement("th");\n", | |
" th.setAttribute("colspan", cell.span)\n", | |
" let colId = cell.id\n", | |
" let col = df.cols[colId];\n", | |
" if (!cell.empty) {\n", | |
" if (col.children.length === 0) {\n", | |
" th.innerHTML = col.name\n", | |
" } else {\n", | |
" let link = document.createElement("a")\n", | |
" link.className = "expander"\n", | |
" let that = this\n", | |
" link.onclick = function () {\n", | |
" col.expanded = !col.expanded\n", | |
" that.renderTable(id)\n", | |
" }\n", | |
" link.appendChild(this.createExpander(col.expanded))\n", | |
" link.innerHTML += col.name\n", | |
" th.appendChild(link)\n", | |
" }\n", | |
" }\n", | |
" let classes = (cell.leftBd ? " leftBorder" : "") + (cell.rightBd ? " rightBorder" : "")\n", | |
" if (col.rightAlign)\n", | |
" classes += " rightAlign"\n", | |
" if (isLastRow)\n", | |
" classes += " bottomBorder"\n", | |
" if (classes.length > 0)\n", | |
" th.setAttribute("class", classes)\n", | |
" tr.appendChild(th)\n", | |
" }\n", | |
" }\n", | |
"\n", | |
" // body\n", | |
" let body = document.createElement("tbody")\n", | |
" table.appendChild(body)\n", | |
"\n", | |
" let columns = renderData.pop()\n", | |
" for (let row = 0; row < df.nrow; row++) {\n", | |
" let tr = document.createElement("tr");\n", | |
" body.appendChild(tr)\n", | |
" for (let i = 0; i < columns.length; i++) {\n", | |
" let cell = columns[i]\n", | |
" let td = document.createElement("td");\n", | |
" let colId = cell.id\n", | |
" let col = df.cols[colId]\n", | |
" let classes = (cell.leftBd ? " leftBorder" : "") + (cell.rightBd ? " rightBorder" : "")\n", | |
" if (col.rightAlign)\n", | |
" classes += " rightAlign"\n", | |
" if (classes.length > 0)\n", | |
" td.setAttribute("class", classes)\n", | |
" tr.appendChild(td)\n", | |
" let value = col.values[row]\n", | |
" if (value.frameId !== undefined) {\n", | |
" let frameId = value.frameId\n", | |
" let expanded = rootDf.expandedFrames.has(frameId)\n", | |
" let link = document.createElement("a")\n", | |
" link.className = "expander"\n", | |
" let that = this\n", | |
" link.onclick = function () {\n", | |
" if (rootDf.expandedFrames.has(frameId))\n", | |
" rootDf.expandedFrames.delete(frameId)\n", | |
" else rootDf.expandedFrames.add(frameId)\n", | |
" that.renderTable(id)\n", | |
" }\n", | |
" link.appendChild(this.createExpander(expanded))\n", | |
" link.innerHTML += value.value\n", | |
" if (expanded) {\n", | |
" td.appendChild(link)\n", | |
" td.appendChild(document.createElement("p"))\n", | |
" const childTable = document.createElement("table")\n", | |
" childTable.className = "dataframe"\n", | |
" childTable.id = "df_" + frameId\n", | |
" let childDf = rootDf.childFrames[frameId]\n", | |
" childTable.df = childDf\n", | |
" td.appendChild(childTable)\n", | |
" this.renderTable(frameId)\n", | |
" if (childDf.nrow !== childDf.totalRows) {\n", | |
" const footer = document.createElement("p")\n", | |
" footer.innerText = `... showing only top ${childDf.nrow} of ${childDf.totalRows} rows`\n", | |
" td.appendChild(footer)\n", | |
" }\n", | |
" } else {\n", | |
" td.appendChild(link)\n", | |
" }\n", | |
" } else if (value.style !== undefined) {\n", | |
" td.innerHTML = value.value\n", | |
" td.setAttribute("style", value.style)\n", | |
" } else td.innerHTML = value\n", | |
" this.nodeScriptReplace(td)\n", | |
" }\n", | |
" }\n", | |
" }\n", | |
"\n", | |
" this.nodeScriptReplace = function (node) {\n", | |
" if (this.nodeScriptIs(node) === true) {\n", | |
" node.parentNode.replaceChild(this.nodeScriptClone(node), node);\n", | |
" } else {\n", | |
" let i = -1, children = node.childNodes;\n", | |
" while (++i < children.length) {\n", | |
" this.nodeScriptReplace(children[i]);\n", | |
" }\n", | |
" }\n", | |
"\n", | |
" return node;\n", | |
" }\n", | |
"\n", | |
" this.nodeScriptClone = function (node) {\n", | |
" let script = document.createElement("script");\n", | |
" script.text = node.innerHTML;\n", | |
"\n", | |
" let i = -1, attrs = node.attributes, attr;\n", | |
" while (++i < attrs.length) {\n", | |
" script.setAttribute((attr = attrs[i]).name, attr.value);\n", | |
" }\n", | |
" return script;\n", | |
" }\n", | |
"\n", | |
" this.nodeScriptIs = function (node) {\n", | |
" return node.tagName === 'SCRIPT';\n", | |
" }\n", | |
" })()\n", | |
"\n", | |
" window.call_DataFrame = function (f) {\n", | |
" return f();\n", | |
" };\n", | |
"\n", | |
" let funQueue = window["kotlinQueues"] && window["kotlinQueues"]["DataFrame"];\n", | |
" if (funQueue) {\n", | |
" funQueue.forEach(function (f) {\n", | |
" f();\n", | |
" });\n", | |
" funQueue = [];\n", | |
" }\n", | |
"})()\n", | |
"\n", | |
"/*<!--*/\n", | |
"call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"name: String\">name</span>", children: [], rightAlign: false, values: ["a","b"] }, \n", | |
"{ name: "<span title=\"requests: String\">requests</span>", children: [], rightAlign: false, values: ["1","9"] }, \n", | |
"{ name: "<span title=\"requestsPercent: String\">requestsPercent</span>", children: [], rightAlign: false, values: ["10","90"] }, \n", | |
"{ name: "<span title=\"limits: String\">limits</span>", children: [], rightAlign: false, values: ["2","10"] }, \n", | |
"{ name: "<span title=\"limitsPercent: String\">limitsPercent</span>", children: [], rightAlign: false, values: ["20","100"] }, \n", | |
"{ name: "<span title=\"cpu: DataRow<*>\">cpu</span>", children: [1, 2, 3, 4], rightAlign: false, values: ["<span class=\"formatted\" title=\"requests: 1\nrequestsPercent: 10\nlimits: 2\nlimitsPercent: 20\"><span class=\"structural\">{ </span><span class=\"structural\">requests: </span>1<span class=\"structural\">, </span><span class=\"structural\">requestsPercent...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"requests: 9\nrequestsPercent: 90\nlimits: 10\nlimitsPercent: 100\"><span class=\"structural\">{ </span><span class=\"structural\">requests: </span>9<span class=\"structural\">, </span><span class=\"structural\">requestsPercent...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\"> }</span></span>"] }, \n", | |
"{ name: "<span title=\"requests: String\">requests</span>", children: [], rightAlign: false, values: ["3","11"] }, \n", | |
"{ name: "<span title=\"requestsPercent: String\">requestsPercent</span>", children: [], rightAlign: false, values: ["30","110"] }, \n", | |
"{ name: "<span title=\"limits: String\">limits</span>", children: [], rightAlign: false, values: ["4","12"] }, \n", | |
"{ name: "<span title=\"limitsPercent: String\">limitsPercent</span>", children: [], rightAlign: false, values: ["40","120"] }, \n", | |
"{ name: "<span title=\"memory: DataRow<*>\">memory</span>", children: [6, 7, 8, 9], rightAlign: false, values: ["<span class=\"formatted\" title=\"requests: 3\nrequestsPercent: 30\nlimits: 4\nlimitsPercent: 40\"><span class=\"structural\">{ </span><span class=\"structural\">requests: </span>3<span class=\"structural\">, </span><span class=\"structural\">requestsPercent...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"requests: 11\nrequestsPercent: 110\nlimits: 12\nlimitsPercent: 120\"><span class=\"structural\">{ </span><span class=\"structural\">requests: </span>11<span class=\"structural\">, </span><span class=\"structural\">requestsPercen...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\"> }</span></span>"] }, \n", | |
"{ name: "<span title=\"pods: DataFrame<*>\">pods</span>", children: [], rightAlign: false, values: [{ frameId: 419430443, value: "<b>DataFrame 2 x 4</b>" },{ frameId: 419430444, value: "<b>DataFrame 2 x 4</b>" }] }, \n", | |
"], id: 419430442, rootId: 419430442, totalRows: 2 } ) });\n", | |
"/*-->*/\n", | |
"\n", | |
"/*<!--*/\n", | |
"call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"name: String\">name</span>", children: [], rightAlign: false, values: ["a1","a2"] }, \n", | |
"{ name: "<span title=\"namespace: String\">namespace</span>", children: [], rightAlign: false, values: ["ns1","ns2"] }, \n", | |
"{ name: "<span title=\"requests: String\">requests</span>", children: [], rightAlign: false, values: ["1","5"] }, \n", | |
"{ name: "<span title=\"requestsPercent: String\">requestsPercent</span>", children: [], rightAlign: false, values: ["10","50"] }, \n", | |
"{ name: "<span title=\"limits: String\">limits</span>", children: [], rightAlign: false, values: ["2","6"] }, \n", | |
"{ name: "<span title=\"limitsPercent: String\">limitsPercent</span>", children: [], rightAlign: false, values: ["20","60"] }, \n", | |
"{ name: "<span title=\"cpu: DataRow<*>\">cpu</span>", children: [2, 3, 4, 5], rightAlign: false, values: ["<span class=\"formatted\" title=\"requests: 1\nrequestsPercent: 10\nlimits: 2\nlimitsPercent: 20\"><span class=\"structural\">{ </span><span class=\"structural\">requests: </span>1<span class=\"structural\">, </span><span class=\"structural\">requestsPercent...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"requests: 5\nrequestsPercent: 50\nlimits: 6\nlimitsPercent: 60\"><span class=\"structural\">{ </span><span class=\"structural\">requests: </span>5<span class=\"structural\">, </span><span class=\"structural\">requestsPercent...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\"> }</span></span>"] }, \n", | |
"{ name: "<span title=\"requests: String\">requests</span>", children: [], rightAlign: false, values: ["3","7"] }, \n", | |
"{ name: "<span title=\"requestsPercent: String\">requestsPercent</span>", children: [], rightAlign: false, values: ["30","70"] }, \n", | |
"{ name: "<span title=\"limits: String\">limits</span>", children: [], rightAlign: false, values: ["4","8"] }, \n", | |
"{ name: "<span title=\"limitsPercent: String\">limitsPercent</span>", children: [], rightAlign: false, values: ["40","80"] }, \n", | |
"{ name: "<span title=\"memory: DataRow<*>\">memory</span>", children: [7, 8, 9, 10], rightAlign: false, values: ["<span class=\"formatted\" title=\"requests: 3\nrequestsPercent: 30\nlimits: 4\nlimitsPercent: 40\"><span class=\"structural\">{ </span><span class=\"structural\">requests: </span>3<span class=\"structural\">, </span><span class=\"structural\">requestsPercent...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"requests: 7\nrequestsPercent: 70\nlimits: 8\nlimitsPercent: 80\"><span class=\"structural\">{ </span><span class=\"structural\">requests: </span>7<span class=\"structural\">, </span><span class=\"structural\">requestsPercent...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\"> }</span></span>"] }, \n", | |
"], id: 419430443, rootId: 419430442, totalRows: 2 } ) });\n", | |
"/*-->*/\n", | |
"\n", | |
"/*<!--*/\n", | |
"call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"name: String\">name</span>", children: [], rightAlign: false, values: ["b1","b2"] }, \n", | |
"{ name: "<span title=\"namespace: String\">namespace</span>", children: [], rightAlign: false, values: ["ns3","ns4"] }, \n", | |
"{ name: "<span title=\"requests: String\">requests</span>", children: [], rightAlign: false, values: ["13","17"] }, \n", | |
"{ name: "<span title=\"requestsPercent: String\">requestsPercent</span>", children: [], rightAlign: false, values: ["130","170"] }, \n", | |
"{ name: "<span title=\"limits: String\">limits</span>", children: [], rightAlign: false, values: ["14","18"] }, \n", | |
"{ name: "<span title=\"limitsPercent: String\">limitsPercent</span>", children: [], rightAlign: false, values: ["140","180"] }, \n", | |
"{ name: "<span title=\"cpu: DataRow<*>\">cpu</span>", children: [2, 3, 4, 5], rightAlign: false, values: ["<span class=\"formatted\" title=\"requests: 13\nrequestsPercent: 130\nlimits: 14\nlimitsPercent: 140\"><span class=\"structural\">{ </span><span class=\"structural\">requests: </span>13<span class=\"structural\">, </span><span class=\"structural\">requestsPercen...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"requests: 17\nrequestsPercent: 170\nlimits: 18\nlimitsPercent: 180\"><span class=\"structural\">{ </span><span class=\"structural\">requests: </span>17<span class=\"structural\">, </span><span class=\"structural\">requestsPercen...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\"> }</span></span>"] }, \n", | |
"{ name: "<span title=\"requests: String\">requests</span>", children: [], rightAlign: false, values: ["15","19"] }, \n", | |
"{ name: "<span title=\"requestsPercent: String\">requestsPercent</span>", children: [], rightAlign: false, values: ["150","190"] }, \n", | |
"{ name: "<span title=\"limits: String\">limits</span>", children: [], rightAlign: false, values: ["16","20"] }, \n", | |
"{ name: "<span title=\"limitsPercent: String\">limitsPercent</span>", children: [], rightAlign: false, values: ["160","200"] }, \n", | |
"{ name: "<span title=\"memory: DataRow<*>\">memory</span>", children: [7, 8, 9, 10], rightAlign: false, values: ["<span class=\"formatted\" title=\"requests: 15\nrequestsPercent: 150\nlimits: 16\nlimitsPercent: 160\"><span class=\"structural\">{ </span><span class=\"structural\">requests: </span>15<span class=\"structural\">, </span><span class=\"structural\">requestsPercen...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"requests: 19\nrequestsPercent: 190\nlimits: 20\nlimitsPercent: 200\"><span class=\"structural\">{ </span><span class=\"structural\">requests: </span>19<span class=\"structural\">, </span><span class=\"structural\">requestsPercen...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\"> }</span></span>"] }, \n", | |
"], id: 419430444, rootId: 419430442, totalRows: 2 } ) });\n", | |
"/*-->*/\n", | |
"\n", | |
"call_DataFrame(function() { DataFrame.renderTable(419430442) });\n", | |
"\n", | |
"\n", | |
" </script>\n", | |
" </html>\"></iframe>\n", | |
" <script>\n", | |
" function o_resize_iframe_out_18() {\n", | |
" let elem = document.getElementById(\"iframe_out_18\");\n", | |
" resize_iframe_out_18(elem);\n", | |
" setInterval(resize_iframe_out_18, 5000, elem);\n", | |
" }\n", | |
" function resize_iframe_out_18(el) {\n", | |
" let h = el.contentWindow.document.body.scrollHeight;\n", | |
" el.height = h === 0 ? 0 : h + 41;\n", | |
" }\n", | |
" </script> <html theme='dark'>\n", | |
" <head>\n", | |
" <style type=\"text/css\">\n", | |
" :root {\n", | |
" --background: #fff;\n", | |
" --background-odd: #f5f5f5;\n", | |
" --background-hover: #d9edfd;\n", | |
" --header-text-color: #474747;\n", | |
" --text-color: #848484;\n", | |
" --text-color-dark: #000;\n", | |
" --text-color-medium: #737373;\n", | |
" --text-color-pale: #b3b3b3;\n", | |
" --inner-border-color: #aaa;\n", | |
" --bold-border-color: #000;\n", | |
" --link-color: #296eaa;\n", | |
" --link-color-pale: #296eaa;\n", | |
" --link-hover: #1a466c;\n", | |
"}\n", | |
"\n", | |
":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n", | |
" --background: #303030;\n", | |
" --background-odd: #3c3c3c;\n", | |
" --background-hover: #464646;\n", | |
" --header-text-color: #dddddd;\n", | |
" --text-color: #b3b3b3;\n", | |
" --text-color-dark: #dddddd;\n", | |
" --text-color-medium: #b2b2b2;\n", | |
" --text-color-pale: #737373;\n", | |
" --inner-border-color: #707070;\n", | |
" --bold-border-color: #777777;\n", | |
" --link-color: #008dc0;\n", | |
" --link-color-pale: #97e1fb;\n", | |
" --link-hover: #00688e;\n", | |
"}\n", | |
"\n", | |
"p.dataframe_description {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"table.dataframe {\n", | |
" font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n", | |
" font-size: 12px;\n", | |
" background-color: var(--background);\n", | |
" color: var(--text-color-dark);\n", | |
" border: none;\n", | |
" border-collapse: collapse;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th, td {\n", | |
" padding: 6px;\n", | |
" border: 1px solid transparent;\n", | |
" text-align: left;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th {\n", | |
" background-color: var(--background);\n", | |
" color: var(--header-text-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe td {\n", | |
" vertical-align: top;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th.bottomBorder {\n", | |
" border-bottom-color: var(--bold-border-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tbody > tr:nth-child(odd) {\n", | |
" background: var(--background-odd);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tbody > tr:nth-child(even) {\n", | |
" background: var(--background);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tbody > tr:hover {\n", | |
" background: var(--background-hover);\n", | |
"}\n", | |
"\n", | |
"table.dataframe a {\n", | |
" cursor: pointer;\n", | |
" color: var(--link-color);\n", | |
" text-decoration: none;\n", | |
"}\n", | |
"\n", | |
"table.dataframe tr:hover > td a {\n", | |
" color: var(--link-color-pale);\n", | |
"}\n", | |
"\n", | |
"table.dataframe a:hover {\n", | |
" color: var(--link-hover);\n", | |
" text-decoration: underline;\n", | |
"}\n", | |
"\n", | |
"table.dataframe img {\n", | |
" max-width: fit-content;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th.complex {\n", | |
" background-color: var(--background);\n", | |
" border: 1px solid var(--background);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .leftBorder {\n", | |
" border-left-color: var(--inner-border-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .rightBorder {\n", | |
" border-right-color: var(--inner-border-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .rightAlign {\n", | |
" text-align: right;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .expanderSvg {\n", | |
" width: 8px;\n", | |
" height: 8px;\n", | |
" margin-right: 3px;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .expander {\n", | |
" display: flex;\n", | |
" align-items: center;\n", | |
"}\n", | |
"\n", | |
"/* formatting */\n", | |
"\n", | |
"table.dataframe .null {\n", | |
" color: var(--text-color-pale);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .structural {\n", | |
" color: var(--text-color-medium);\n", | |
" font-weight: bold;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .dataFrameCaption {\n", | |
" font-weight: bold;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .numbers {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"table.dataframe td:hover .formatted .structural, .null {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tr:hover .formatted .structural, .null {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"\n", | |
" </style>\n", | |
" </head>\n", | |
" <body>\n", | |
" <table class=\"dataframe\" id=\"static_df_419430445\"><thead><tr><th class=\"rightBorder\" style=\"text-align:left\">name</th><th class=\"leftBorder\" style=\"text-align:left\">cpu</th><th style=\"text-align:left\"></th><th style=\"text-align:left\"></th><th class=\"rightBorder\" style=\"text-align:left\"></th><th class=\"leftBorder\" style=\"text-align:left\">memory</th><th style=\"text-align:left\"></th><th style=\"text-align:left\"></th><th class=\"rightBorder\" style=\"text-align:left\"></th><th style=\"text-align:left\">pods</th></tr><tr><th class=\"bottomBorder rightBorder\" style=\"text-align:left\"></th><th class=\"bottomBorder leftBorder\" style=\"text-align:left\">requests</th><th class=\"bottomBorder\" style=\"text-align:left\">requestsPercent</th><th class=\"bottomBorder\" style=\"text-align:left\">limits</th><th class=\"bottomBorder rightBorder\" style=\"text-align:left\">limitsPercent</th><th class=\"bottomBorder leftBorder\" style=\"text-align:left\">requests</th><th class=\"bottomBorder\" style=\"text-align:left\">requestsPercent</th><th class=\"bottomBorder\" style=\"text-align:left\">limits</th><th class=\"bottomBorder rightBorder\" style=\"text-align:left\">limitsPercent</th><th class=\"bottomBorder\" style=\"text-align:left\"></th></tr></thead><tbody><tr><td class=\"rightBorder\" style=\"vertical-align:top\">a</td><td class=\"leftBorder\" style=\"vertical-align:top\">1</td><td style=\"vertical-align:top\">10</td><td style=\"vertical-align:top\">2</td><td class=\"rightBorder\" style=\"vertical-align:top\">20</td><td class=\"leftBorder\" style=\"vertical-align:top\">3</td><td style=\"vertical-align:top\">30</td><td style=\"vertical-align:top\">4</td><td class=\"rightBorder\" style=\"vertical-align:top\">40</td><td style=\"vertical-align:top\"><details><summary>DataFrame [2 x 4]</summary><table class=\"dataframe\" id=\"static_df_419430446\"><thead><tr><th style=\"text-align:left\">name</th><th class=\"rightBorder\" style=\"text-align:left\">namespace</th><th class=\"leftBorder\" style=\"text-align:left\">cpu</th><th style=\"text-align:left\"></th><th style=\"text-align:left\"></th><th class=\"rightBorder\" style=\"text-align:left\"></th><th class=\"rightBorder leftBorder\" style=\"text-align:left\">memory</th><th style=\"text-align:left\"></th><th style=\"text-align:left\"></th><th style=\"text-align:left\"></th></tr><tr><th class=\"bottomBorder\" style=\"text-align:left\"></th><th class=\"bottomBorder rightBorder\" style=\"text-align:left\"></th><th class=\"bottomBorder leftBorder\" style=\"text-align:left\">requests</th><th class=\"bottomBorder\" style=\"text-align:left\">requestsPercent</th><th class=\"bottomBorder\" style=\"text-align:left\">limits</th><th class=\"bottomBorder rightBorder\" style=\"text-align:left\">limitsPercent</th><th class=\"bottomBorder rightBorder leftBorder\" style=\"text-align:left\">requests</th><th class=\"bottomBorder\" style=\"text-align:left\">requestsPercent</th><th class=\"bottomBorder\" style=\"text-align:left\">limits</th><th class=\"bottomBorder\" style=\"text-align:left\">limitsPercent</th></tr></thead><tbody><tr><td style=\"vertical-align:top\">a1</td><td class=\"rightBorder\" style=\"vertical-align:top\">ns1</td><td class=\"leftBorder\" style=\"vertical-align:top\">1</td><td style=\"vertical-align:top\">10</td><td style=\"vertical-align:top\">2</td><td class=\"rightBorder\" style=\"vertical-align:top\">20</td><td class=\"rightBorder leftBorder\" style=\"vertical-align:top\">3</td><td style=\"vertical-align:top\">30</td><td style=\"vertical-align:top\">4</td><td style=\"vertical-align:top\">40</td></tr><tr><td style=\"vertical-align:top\">a2</td><td class=\"rightBorder\" style=\"vertical-align:top\">ns2</td><td class=\"leftBorder\" style=\"vertical-align:top\">5</td><td style=\"vertical-align:top\">50</td><td style=\"vertical-align:top\">6</td><td class=\"rightBorder\" style=\"vertical-align:top\">60</td><td class=\"rightBorder leftBorder\" style=\"vertical-align:top\">7</td><td style=\"vertical-align:top\">70</td><td style=\"vertical-align:top\">8</td><td style=\"vertical-align:top\">80</td></tr></tbody></table></details></td></tr><tr><td class=\"rightBorder\" style=\"vertical-align:top\">b</td><td class=\"leftBorder\" style=\"vertical-align:top\">9</td><td style=\"vertical-align:top\">90</td><td style=\"vertical-align:top\">10</td><td class=\"rightBorder\" style=\"vertical-align:top\">100</td><td class=\"leftBorder\" style=\"vertical-align:top\">11</td><td style=\"vertical-align:top\">110</td><td style=\"vertical-align:top\">12</td><td class=\"rightBorder\" style=\"vertical-align:top\">120</td><td style=\"vertical-align:top\"><details><summary>DataFrame [2 x 4]</summary><table class=\"dataframe\" id=\"static_df_419430447\"><thead><tr><th style=\"text-align:left\">name</th><th class=\"rightBorder\" style=\"text-align:left\">namespace</th><th class=\"leftBorder\" style=\"text-align:left\">cpu</th><th style=\"text-align:left\"></th><th style=\"text-align:left\"></th><th class=\"rightBorder\" style=\"text-align:left\"></th><th class=\"rightBorder leftBorder\" style=\"text-align:left\">memory</th><th style=\"text-align:left\"></th><th style=\"text-align:left\"></th><th style=\"text-align:left\"></th></tr><tr><th class=\"bottomBorder\" style=\"text-align:left\"></th><th class=\"bottomBorder rightBorder\" style=\"text-align:left\"></th><th class=\"bottomBorder leftBorder\" style=\"text-align:left\">requests</th><th class=\"bottomBorder\" style=\"text-align:left\">requestsPercent</th><th class=\"bottomBorder\" style=\"text-align:left\">limits</th><th class=\"bottomBorder rightBorder\" style=\"text-align:left\">limitsPercent</th><th class=\"bottomBorder rightBorder leftBorder\" style=\"text-align:left\">requests</th><th class=\"bottomBorder\" style=\"text-align:left\">requestsPercent</th><th class=\"bottomBorder\" style=\"text-align:left\">limits</th><th class=\"bottomBorder\" style=\"text-align:left\">limitsPercent</th></tr></thead><tbody><tr><td style=\"vertical-align:top\">b1</td><td class=\"rightBorder\" style=\"vertical-align:top\">ns3</td><td class=\"leftBorder\" style=\"vertical-align:top\">13</td><td style=\"vertical-align:top\">130</td><td style=\"vertical-align:top\">14</td><td class=\"rightBorder\" style=\"vertical-align:top\">140</td><td class=\"rightBorder leftBorder\" style=\"vertical-align:top\">15</td><td style=\"vertical-align:top\">150</td><td style=\"vertical-align:top\">16</td><td style=\"vertical-align:top\">160</td></tr><tr><td style=\"vertical-align:top\">b2</td><td class=\"rightBorder\" style=\"vertical-align:top\">ns4</td><td class=\"leftBorder\" style=\"vertical-align:top\">17</td><td style=\"vertical-align:top\">170</td><td style=\"vertical-align:top\">18</td><td class=\"rightBorder\" style=\"vertical-align:top\">180</td><td class=\"rightBorder leftBorder\" style=\"vertical-align:top\">19</td><td style=\"vertical-align:top\">190</td><td style=\"vertical-align:top\">20</td><td style=\"vertical-align:top\">200</td></tr></tbody></table></details></td></tr></tbody></table>\n", | |
" </body>\n", | |
" <script>\n", | |
" document.getElementById(\"static_df_419430445\").style.display = \"none\";\n", | |
" </script>\n", | |
" </html>" | |
], | |
"application/kotlindataframe+json": "{\"$version\":\"2.0.0\",\"metadata\":{\"columns\":[\"name\",\"cpu\",\"memory\",\"pods\"],\"nrow\":2,\"ncol\":4},\"kotlin_dataframe\":[{\"name\":\"a\",\"cpu\":{\"data\":{\"requests\":\"1\",\"requestsPercent\":\"10\",\"limits\":\"2\",\"limitsPercent\":\"20\"},\"metadata\":{\"kind\":\"ColumnGroup\"}},\"memory\":{\"data\":{\"requests\":\"3\",\"requestsPercent\":\"30\",\"limits\":\"4\",\"limitsPercent\":\"40\"},\"metadata\":{\"kind\":\"ColumnGroup\"}},\"pods\":{\"data\":[{\"name\":\"a1\",\"namespace\":\"ns1\",\"cpu\":{\"data\":{\"requests\":\"1\",\"requestsPercent\":\"10\",\"limits\":\"2\",\"limitsPercent\":\"20\"},\"metadata\":{\"kind\":\"ColumnGroup\"}},\"memory\":{\"data\":{\"requests\":\"3\",\"requestsPercent\":\"30\",\"limits\":\"4\",\"limitsPercent\":\"40\"},\"metadata\":{\"kind\":\"ColumnGroup\"}}},{\"name\":\"a2\",\"namespace\":\"ns2\",\"cpu\":{\"data\":{\"requests\":\"5\",\"requestsPercent\":\"50\",\"limits\":\"6\",\"limitsPercent\":\"60\"},\"metadata\":{\"kind\":\"ColumnGroup\"}},\"memory\":{\"data\":{\"requests\":\"7\",\"requestsPercent\":\"70\",\"limits\":\"8\",\"limitsPercent\":\"80\"},\"metadata\":{\"kind\":\"ColumnGroup\"}}}],\"metadata\":{\"kind\":\"FrameColumn\",\"ncol\":4,\"nrow\":2}}},{\"name\":\"b\",\"cpu\":{\"data\":{\"requests\":\"9\",\"requestsPercent\":\"90\",\"limits\":\"10\",\"limitsPercent\":\"100\"},\"metadata\":{\"kind\":\"ColumnGroup\"}},\"memory\":{\"data\":{\"requests\":\"11\",\"requestsPercent\":\"110\",\"limits\":\"12\",\"limitsPercent\":\"120\"},\"metadata\":{\"kind\":\"ColumnGroup\"}},\"pods\":{\"data\":[{\"name\":\"b1\",\"namespace\":\"ns3\",\"cpu\":{\"data\":{\"requests\":\"13\",\"requestsPercent\":\"130\",\"limits\":\"14\",\"limitsPercent\":\"140\"},\"metadata\":{\"kind\":\"ColumnGroup\"}},\"memory\":{\"data\":{\"requests\":\"15\",\"requestsPercent\":\"150\",\"limits\":\"16\",\"limitsPercent\":\"160\"},\"metadata\":{\"kind\":\"ColumnGroup\"}}},{\"name\":\"b2\",\"namespace\":\"ns4\",\"cpu\":{\"data\":{\"requests\":\"17\",\"requestsPercent\":\"170\",\"limits\":\"18\",\"limitsPercent\":\"180\"},\"metadata\":{\"kind\":\"ColumnGroup\"}},\"memory\":{\"data\":{\"requests\":\"19\",\"requestsPercent\":\"190\",\"limits\":\"20\",\"limitsPercent\":\"200\"},\"metadata\":{\"kind\":\"ColumnGroup\"}}}],\"metadata\":{\"kind\":\"FrameColumn\",\"ncol\":4,\"nrow\":2}}}]}" | |
}, | |
"execution_count": 13, | |
"metadata": {}, | |
"output_type": "execute_result" | |
} | |
], | |
"execution_count": 13 | |
}, | |
{ | |
"metadata": { | |
"ExecuteTime": { | |
"end_time": "2024-06-17T11:50:58.034838Z", | |
"start_time": "2024-06-17T11:50:57.816546Z" | |
} | |
}, | |
"cell_type": "code", | |
"source": [ | |
"nodes\n", | |
" .remove { cpu and memory } // removing the node stats\n", | |
" .explode { pods } // exploding the pods, which repeats the node name for each row in the pod\n", | |
" .rename { colsAtAnyDepth() }.into { it.path.joinToString(\".\") } // renames all columns to their path\n", | |
" .flatten(keepParentNameForColumns = false) // flatten without renaming" | |
], | |
"outputs": [ | |
{ | |
"data": { | |
"text/html": [ | |
" <iframe onload=\"o_resize_iframe_out_40()\" style=\"width:100%;\" class=\"result_container\" id=\"iframe_out_40\" frameBorder=\"0\" srcdoc=\" <html theme='dark'>\n", | |
" <head>\n", | |
" <style type="text/css">\n", | |
" :root {\n", | |
" --background: #fff;\n", | |
" --background-odd: #f5f5f5;\n", | |
" --background-hover: #d9edfd;\n", | |
" --header-text-color: #474747;\n", | |
" --text-color: #848484;\n", | |
" --text-color-dark: #000;\n", | |
" --text-color-medium: #737373;\n", | |
" --text-color-pale: #b3b3b3;\n", | |
" --inner-border-color: #aaa;\n", | |
" --bold-border-color: #000;\n", | |
" --link-color: #296eaa;\n", | |
" --link-color-pale: #296eaa;\n", | |
" --link-hover: #1a466c;\n", | |
"}\n", | |
"\n", | |
":root[theme="dark"], :root [data-jp-theme-light="false"], .dataframe_dark{\n", | |
" --background: #303030;\n", | |
" --background-odd: #3c3c3c;\n", | |
" --background-hover: #464646;\n", | |
" --header-text-color: #dddddd;\n", | |
" --text-color: #b3b3b3;\n", | |
" --text-color-dark: #dddddd;\n", | |
" --text-color-medium: #b2b2b2;\n", | |
" --text-color-pale: #737373;\n", | |
" --inner-border-color: #707070;\n", | |
" --bold-border-color: #777777;\n", | |
" --link-color: #008dc0;\n", | |
" --link-color-pale: #97e1fb;\n", | |
" --link-hover: #00688e;\n", | |
"}\n", | |
"\n", | |
"p.dataframe_description {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"table.dataframe {\n", | |
" font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;\n", | |
" font-size: 12px;\n", | |
" background-color: var(--background);\n", | |
" color: var(--text-color-dark);\n", | |
" border: none;\n", | |
" border-collapse: collapse;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th, td {\n", | |
" padding: 6px;\n", | |
" border: 1px solid transparent;\n", | |
" text-align: left;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th {\n", | |
" background-color: var(--background);\n", | |
" color: var(--header-text-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe td {\n", | |
" vertical-align: top;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th.bottomBorder {\n", | |
" border-bottom-color: var(--bold-border-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tbody > tr:nth-child(odd) {\n", | |
" background: var(--background-odd);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tbody > tr:nth-child(even) {\n", | |
" background: var(--background);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tbody > tr:hover {\n", | |
" background: var(--background-hover);\n", | |
"}\n", | |
"\n", | |
"table.dataframe a {\n", | |
" cursor: pointer;\n", | |
" color: var(--link-color);\n", | |
" text-decoration: none;\n", | |
"}\n", | |
"\n", | |
"table.dataframe tr:hover > td a {\n", | |
" color: var(--link-color-pale);\n", | |
"}\n", | |
"\n", | |
"table.dataframe a:hover {\n", | |
" color: var(--link-hover);\n", | |
" text-decoration: underline;\n", | |
"}\n", | |
"\n", | |
"table.dataframe img {\n", | |
" max-width: fit-content;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th.complex {\n", | |
" background-color: var(--background);\n", | |
" border: 1px solid var(--background);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .leftBorder {\n", | |
" border-left-color: var(--inner-border-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .rightBorder {\n", | |
" border-right-color: var(--inner-border-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .rightAlign {\n", | |
" text-align: right;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .expanderSvg {\n", | |
" width: 8px;\n", | |
" height: 8px;\n", | |
" margin-right: 3px;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .expander {\n", | |
" display: flex;\n", | |
" align-items: center;\n", | |
"}\n", | |
"\n", | |
"/* formatting */\n", | |
"\n", | |
"table.dataframe .null {\n", | |
" color: var(--text-color-pale);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .structural {\n", | |
" color: var(--text-color-medium);\n", | |
" font-weight: bold;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .dataFrameCaption {\n", | |
" font-weight: bold;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .numbers {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"table.dataframe td:hover .formatted .structural, .null {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tr:hover .formatted .structural, .null {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"\n", | |
":root {\n", | |
" --scroll-bg: #f5f5f5;\n", | |
" --scroll-fg: #b3b3b3;\n", | |
"}\n", | |
":root[theme="dark"], :root [data-jp-theme-light="false"]{\n", | |
" --scroll-bg: #3c3c3c;\n", | |
" --scroll-fg: #97e1fb;\n", | |
"}\n", | |
"body {\n", | |
" scrollbar-color: var(--scroll-fg) var(--scroll-bg);\n", | |
"}\n", | |
"body::-webkit-scrollbar {\n", | |
" width: 10px; /* Mostly for vertical scrollbars */\n", | |
" height: 10px; /* Mostly for horizontal scrollbars */\n", | |
"}\n", | |
"body::-webkit-scrollbar-thumb {\n", | |
" background-color: var(--scroll-fg);\n", | |
"}\n", | |
"body::-webkit-scrollbar-track {\n", | |
" background-color: var(--scroll-bg);\n", | |
"}\n", | |
" </style>\n", | |
" </head>\n", | |
" <body>\n", | |
" <table class="dataframe" id="df_419430518"></table>\n", | |
"\n", | |
"<p class="dataframe_description">DataFrame: rowsCount = 4, columnsCount = 11</p>\n", | |
"\n", | |
" </body>\n", | |
" <script>\n", | |
" (function () {\n", | |
" window.DataFrame = window.DataFrame || new (function () {\n", | |
" this.addTable = function (df) {\n", | |
" let cols = df.cols;\n", | |
" for (let i = 0; i < cols.length; i++) {\n", | |
" for (let c of cols[i].children) {\n", | |
" cols[c].parent = i;\n", | |
" }\n", | |
" }\n", | |
" df.nrow = 0\n", | |
" for (let i = 0; i < df.cols.length; i++) {\n", | |
" if (df.cols[i].values.length > df.nrow) df.nrow = df.cols[i].values.length\n", | |
" }\n", | |
" if (df.id === df.rootId) {\n", | |
" df.expandedFrames = new Set()\n", | |
" df.childFrames = {}\n", | |
" const table = this.getTableElement(df.id)\n", | |
" table.df = df\n", | |
" for (let i = 0; i < df.cols.length; i++) {\n", | |
" let col = df.cols[i]\n", | |
" if (col.parent === undefined && col.children.length > 0) col.expanded = true\n", | |
" }\n", | |
" } else {\n", | |
" const rootDf = this.getTableData(df.rootId)\n", | |
" rootDf.childFrames[df.id] = df\n", | |
" }\n", | |
" }\n", | |
"\n", | |
" this.computeRenderData = function (df) {\n", | |
" let result = []\n", | |
" let pos = 0\n", | |
" for (let col = 0; col < df.cols.length; col++) {\n", | |
" if (df.cols[col].parent === undefined)\n", | |
" pos += this.computeRenderDataRec(df.cols, col, pos, 0, result, false, false)\n", | |
" }\n", | |
" for (let i = 0; i < result.length; i++) {\n", | |
" let row = result[i]\n", | |
" for (let j = 0; j < row.length; j++) {\n", | |
" let cell = row[j]\n", | |
" if (j === 0)\n", | |
" cell.leftBd = false\n", | |
" if (j < row.length - 1) {\n", | |
" let nextData = row[j + 1]\n", | |
" if (nextData.leftBd) cell.rightBd = true\n", | |
" else if (cell.rightBd) nextData.leftBd = true\n", | |
" } else cell.rightBd = false\n", | |
" }\n", | |
" }\n", | |
" return result\n", | |
" }\n", | |
"\n", | |
" this.computeRenderDataRec = function (cols, colId, pos, depth, result, leftBorder, rightBorder) {\n", | |
" if (result.length === depth) {\n", | |
" const array = [];\n", | |
" if (pos > 0) {\n", | |
" let j = 0\n", | |
" for (let i = 0; j < pos; i++) {\n", | |
" let c = result[depth - 1][i]\n", | |
" j += c.span\n", | |
" let copy = Object.assign({empty: true}, c)\n", | |
" array.push(copy)\n", | |
" }\n", | |
" }\n", | |
" result.push(array)\n", | |
" }\n", | |
" const col = cols[colId];\n", | |
" let size = 0;\n", | |
" if (col.expanded) {\n", | |
" let childPos = pos\n", | |
" for (let i = 0; i < col.children.length; i++) {\n", | |
" let child = col.children[i]\n", | |
" let childLeft = i === 0 && (col.children.length > 1 || leftBorder)\n", | |
" let childRight = i === col.children.length - 1 && (col.children.length > 1 || rightBorder)\n", | |
" let childSize = this.computeRenderDataRec(cols, child, childPos, depth + 1, result, childLeft, childRight)\n", | |
" childPos += childSize\n", | |
" size += childSize\n", | |
" }\n", | |
" } else {\n", | |
" for (let i = depth + 1; i < result.length; i++)\n", | |
" result[i].push({id: colId, span: 1, leftBd: leftBorder, rightBd: rightBorder, empty: true})\n", | |
" size = 1\n", | |
" }\n", | |
" let left = leftBorder\n", | |
" let right = rightBorder\n", | |
" if (size > 1) {\n", | |
" left = true\n", | |
" right = true\n", | |
" }\n", | |
" result[depth].push({id: colId, span: size, leftBd: left, rightBd: right})\n", | |
" return size\n", | |
" }\n", | |
"\n", | |
" this.getTableElement = function (id) {\n", | |
" return document.getElementById("df_" + id)\n", | |
" }\n", | |
"\n", | |
" this.getTableData = function (id) {\n", | |
" return this.getTableElement(id).df\n", | |
" }\n", | |
"\n", | |
" this.createExpander = function (isExpanded) {\n", | |
" const svgNs = "http://www.w3.org/2000/svg"\n", | |
" let svg = document.createElementNS(svgNs, "svg")\n", | |
" svg.classList.add("expanderSvg")\n", | |
" let path = document.createElementNS(svgNs, "path")\n", | |
" if (isExpanded) {\n", | |
" svg.setAttribute("viewBox", "0 -2 8 8")\n", | |
" path.setAttribute("d", "M1 0 l-1 1 4 4 4 -4 -1 -1 -3 3Z")\n", | |
" } else {\n", | |
" svg.setAttribute("viewBox", "-2 0 8 8")\n", | |
" path.setAttribute("d", "M1 0 l-1 1 3 3 -3 3 1 1 4 -4Z")\n", | |
" }\n", | |
" path.setAttribute("fill", "currentColor")\n", | |
" svg.appendChild(path)\n", | |
" return svg\n", | |
" }\n", | |
"\n", | |
" this.renderTable = function (id) {\n", | |
"\n", | |
" let table = this.getTableElement(id)\n", | |
"\n", | |
" if (table === null) return\n", | |
"\n", | |
" table.innerHTML = ""\n", | |
"\n", | |
" let df = table.df\n", | |
" let rootDf = df.rootId === df.id ? df : this.getTableData(df.rootId)\n", | |
"\n", | |
" // header\n", | |
" let header = document.createElement("thead")\n", | |
" table.appendChild(header)\n", | |
"\n", | |
" let renderData = this.computeRenderData(df)\n", | |
" for (let j = 0; j < renderData.length; j++) {\n", | |
" let rowData = renderData[j]\n", | |
" let tr = document.createElement("tr");\n", | |
" let isLastRow = j === renderData.length - 1\n", | |
" header.appendChild(tr);\n", | |
" for (let i = 0; i < rowData.length; i++) {\n", | |
" let cell = rowData[i]\n", | |
" let th = document.createElement("th");\n", | |
" th.setAttribute("colspan", cell.span)\n", | |
" let colId = cell.id\n", | |
" let col = df.cols[colId];\n", | |
" if (!cell.empty) {\n", | |
" if (col.children.length === 0) {\n", | |
" th.innerHTML = col.name\n", | |
" } else {\n", | |
" let link = document.createElement("a")\n", | |
" link.className = "expander"\n", | |
" let that = this\n", | |
" link.onclick = function () {\n", | |
" col.expanded = !col.expanded\n", | |
" that.renderTable(id)\n", | |
" }\n", | |
" link.appendChild(this.createExpander(col.expanded))\n", | |
" link.innerHTML += col.name\n", | |
" th.appendChild(link)\n", | |
" }\n", | |
" }\n", | |
" let classes = (cell.leftBd ? " leftBorder" : "") + (cell.rightBd ? " rightBorder" : "")\n", | |
" if (col.rightAlign)\n", | |
" classes += " rightAlign"\n", | |
" if (isLastRow)\n", | |
" classes += " bottomBorder"\n", | |
" if (classes.length > 0)\n", | |
" th.setAttribute("class", classes)\n", | |
" tr.appendChild(th)\n", | |
" }\n", | |
" }\n", | |
"\n", | |
" // body\n", | |
" let body = document.createElement("tbody")\n", | |
" table.appendChild(body)\n", | |
"\n", | |
" let columns = renderData.pop()\n", | |
" for (let row = 0; row < df.nrow; row++) {\n", | |
" let tr = document.createElement("tr");\n", | |
" body.appendChild(tr)\n", | |
" for (let i = 0; i < columns.length; i++) {\n", | |
" let cell = columns[i]\n", | |
" let td = document.createElement("td");\n", | |
" let colId = cell.id\n", | |
" let col = df.cols[colId]\n", | |
" let classes = (cell.leftBd ? " leftBorder" : "") + (cell.rightBd ? " rightBorder" : "")\n", | |
" if (col.rightAlign)\n", | |
" classes += " rightAlign"\n", | |
" if (classes.length > 0)\n", | |
" td.setAttribute("class", classes)\n", | |
" tr.appendChild(td)\n", | |
" let value = col.values[row]\n", | |
" if (value.frameId !== undefined) {\n", | |
" let frameId = value.frameId\n", | |
" let expanded = rootDf.expandedFrames.has(frameId)\n", | |
" let link = document.createElement("a")\n", | |
" link.className = "expander"\n", | |
" let that = this\n", | |
" link.onclick = function () {\n", | |
" if (rootDf.expandedFrames.has(frameId))\n", | |
" rootDf.expandedFrames.delete(frameId)\n", | |
" else rootDf.expandedFrames.add(frameId)\n", | |
" that.renderTable(id)\n", | |
" }\n", | |
" link.appendChild(this.createExpander(expanded))\n", | |
" link.innerHTML += value.value\n", | |
" if (expanded) {\n", | |
" td.appendChild(link)\n", | |
" td.appendChild(document.createElement("p"))\n", | |
" const childTable = document.createElement("table")\n", | |
" childTable.className = "dataframe"\n", | |
" childTable.id = "df_" + frameId\n", | |
" let childDf = rootDf.childFrames[frameId]\n", | |
" childTable.df = childDf\n", | |
" td.appendChild(childTable)\n", | |
" this.renderTable(frameId)\n", | |
" if (childDf.nrow !== childDf.totalRows) {\n", | |
" const footer = document.createElement("p")\n", | |
" footer.innerText = `... showing only top ${childDf.nrow} of ${childDf.totalRows} rows`\n", | |
" td.appendChild(footer)\n", | |
" }\n", | |
" } else {\n", | |
" td.appendChild(link)\n", | |
" }\n", | |
" } else if (value.style !== undefined) {\n", | |
" td.innerHTML = value.value\n", | |
" td.setAttribute("style", value.style)\n", | |
" } else td.innerHTML = value\n", | |
" this.nodeScriptReplace(td)\n", | |
" }\n", | |
" }\n", | |
" }\n", | |
"\n", | |
" this.nodeScriptReplace = function (node) {\n", | |
" if (this.nodeScriptIs(node) === true) {\n", | |
" node.parentNode.replaceChild(this.nodeScriptClone(node), node);\n", | |
" } else {\n", | |
" let i = -1, children = node.childNodes;\n", | |
" while (++i < children.length) {\n", | |
" this.nodeScriptReplace(children[i]);\n", | |
" }\n", | |
" }\n", | |
"\n", | |
" return node;\n", | |
" }\n", | |
"\n", | |
" this.nodeScriptClone = function (node) {\n", | |
" let script = document.createElement("script");\n", | |
" script.text = node.innerHTML;\n", | |
"\n", | |
" let i = -1, attrs = node.attributes, attr;\n", | |
" while (++i < attrs.length) {\n", | |
" script.setAttribute((attr = attrs[i]).name, attr.value);\n", | |
" }\n", | |
" return script;\n", | |
" }\n", | |
"\n", | |
" this.nodeScriptIs = function (node) {\n", | |
" return node.tagName === 'SCRIPT';\n", | |
" }\n", | |
" })()\n", | |
"\n", | |
" window.call_DataFrame = function (f) {\n", | |
" return f();\n", | |
" };\n", | |
"\n", | |
" let funQueue = window["kotlinQueues"] && window["kotlinQueues"]["DataFrame"];\n", | |
" if (funQueue) {\n", | |
" funQueue.forEach(function (f) {\n", | |
" f();\n", | |
" });\n", | |
" funQueue = [];\n", | |
" }\n", | |
"})()\n", | |
"\n", | |
"/*<!--*/\n", | |
"call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"name: String\">name</span>", children: [], rightAlign: false, values: ["a","a","b","b"] }, \n", | |
"{ name: "<span title=\"pods.name: String\">pods.name</span>", children: [], rightAlign: false, values: ["a1","a2","b1","b2"] }, \n", | |
"{ name: "<span title=\"pods.namespace: String\">pods.namespace</span>", children: [], rightAlign: false, values: ["ns1","ns2","ns3","ns4"] }, \n", | |
"{ name: "<span title=\"pods.cpu.requests: String\">pods.cpu.requests</span>", children: [], rightAlign: false, values: ["1","5","13","17"] }, \n", | |
"{ name: "<span title=\"pods.cpu.requestsPercent: String\">pods.cpu.requestsPercent</span>", children: [], rightAlign: false, values: ["10","50","130","170"] }, \n", | |
"{ name: "<span title=\"pods.cpu.limits: String\">pods.cpu.limits</span>", children: [], rightAlign: false, values: ["2","6","14","18"] }, \n", | |
"{ name: "<span title=\"pods.cpu.limitsPercent: String\">pods.cpu.limitsPercent</span>", children: [], rightAlign: false, values: ["20","60","140","180"] }, \n", | |
"{ name: "<span title=\"pods.memory.requests: String\">pods.memory.requests</span>", children: [], rightAlign: false, values: ["3","7","15","19"] }, \n", | |
"{ name: "<span title=\"pods.memory.requestsPercent: String\">pods.memory.requestsPercent</span>", children: [], rightAlign: false, values: ["30","70","150","190"] }, \n", | |
"{ name: "<span title=\"pods.memory.limits: String\">pods.memory.limits</span>", children: [], rightAlign: false, values: ["4","8","16","20"] }, \n", | |
"{ name: "<span title=\"pods.memory.limitsPercent: String\">pods.memory.limitsPercent</span>", children: [], rightAlign: false, values: ["40","80","160","200"] }, \n", | |
"], id: 419430518, rootId: 419430518, totalRows: 4 } ) });\n", | |
"/*-->*/\n", | |
"\n", | |
"call_DataFrame(function() { DataFrame.renderTable(419430518) });\n", | |
"\n", | |
"\n", | |
" </script>\n", | |
" </html>\"></iframe>\n", | |
" <script>\n", | |
" function o_resize_iframe_out_40() {\n", | |
" let elem = document.getElementById(\"iframe_out_40\");\n", | |
" resize_iframe_out_40(elem);\n", | |
" setInterval(resize_iframe_out_40, 5000, elem);\n", | |
" }\n", | |
" function resize_iframe_out_40(el) {\n", | |
" let h = el.contentWindow.document.body.scrollHeight;\n", | |
" el.height = h === 0 ? 0 : h + 41;\n", | |
" }\n", | |
" </script> <html theme='dark'>\n", | |
" <head>\n", | |
" <style type=\"text/css\">\n", | |
" :root {\n", | |
" --background: #fff;\n", | |
" --background-odd: #f5f5f5;\n", | |
" --background-hover: #d9edfd;\n", | |
" --header-text-color: #474747;\n", | |
" --text-color: #848484;\n", | |
" --text-color-dark: #000;\n", | |
" --text-color-medium: #737373;\n", | |
" --text-color-pale: #b3b3b3;\n", | |
" --inner-border-color: #aaa;\n", | |
" --bold-border-color: #000;\n", | |
" --link-color: #296eaa;\n", | |
" --link-color-pale: #296eaa;\n", | |
" --link-hover: #1a466c;\n", | |
"}\n", | |
"\n", | |
":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n", | |
" --background: #303030;\n", | |
" --background-odd: #3c3c3c;\n", | |
" --background-hover: #464646;\n", | |
" --header-text-color: #dddddd;\n", | |
" --text-color: #b3b3b3;\n", | |
" --text-color-dark: #dddddd;\n", | |
" --text-color-medium: #b2b2b2;\n", | |
" --text-color-pale: #737373;\n", | |
" --inner-border-color: #707070;\n", | |
" --bold-border-color: #777777;\n", | |
" --link-color: #008dc0;\n", | |
" --link-color-pale: #97e1fb;\n", | |
" --link-hover: #00688e;\n", | |
"}\n", | |
"\n", | |
"p.dataframe_description {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"table.dataframe {\n", | |
" font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n", | |
" font-size: 12px;\n", | |
" background-color: var(--background);\n", | |
" color: var(--text-color-dark);\n", | |
" border: none;\n", | |
" border-collapse: collapse;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th, td {\n", | |
" padding: 6px;\n", | |
" border: 1px solid transparent;\n", | |
" text-align: left;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th {\n", | |
" background-color: var(--background);\n", | |
" color: var(--header-text-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe td {\n", | |
" vertical-align: top;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th.bottomBorder {\n", | |
" border-bottom-color: var(--bold-border-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tbody > tr:nth-child(odd) {\n", | |
" background: var(--background-odd);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tbody > tr:nth-child(even) {\n", | |
" background: var(--background);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tbody > tr:hover {\n", | |
" background: var(--background-hover);\n", | |
"}\n", | |
"\n", | |
"table.dataframe a {\n", | |
" cursor: pointer;\n", | |
" color: var(--link-color);\n", | |
" text-decoration: none;\n", | |
"}\n", | |
"\n", | |
"table.dataframe tr:hover > td a {\n", | |
" color: var(--link-color-pale);\n", | |
"}\n", | |
"\n", | |
"table.dataframe a:hover {\n", | |
" color: var(--link-hover);\n", | |
" text-decoration: underline;\n", | |
"}\n", | |
"\n", | |
"table.dataframe img {\n", | |
" max-width: fit-content;\n", | |
"}\n", | |
"\n", | |
"table.dataframe th.complex {\n", | |
" background-color: var(--background);\n", | |
" border: 1px solid var(--background);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .leftBorder {\n", | |
" border-left-color: var(--inner-border-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .rightBorder {\n", | |
" border-right-color: var(--inner-border-color);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .rightAlign {\n", | |
" text-align: right;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .expanderSvg {\n", | |
" width: 8px;\n", | |
" height: 8px;\n", | |
" margin-right: 3px;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .expander {\n", | |
" display: flex;\n", | |
" align-items: center;\n", | |
"}\n", | |
"\n", | |
"/* formatting */\n", | |
"\n", | |
"table.dataframe .null {\n", | |
" color: var(--text-color-pale);\n", | |
"}\n", | |
"\n", | |
"table.dataframe .structural {\n", | |
" color: var(--text-color-medium);\n", | |
" font-weight: bold;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .dataFrameCaption {\n", | |
" font-weight: bold;\n", | |
"}\n", | |
"\n", | |
"table.dataframe .numbers {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"table.dataframe td:hover .formatted .structural, .null {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"table.dataframe tr:hover .formatted .structural, .null {\n", | |
" color: var(--text-color-dark);\n", | |
"}\n", | |
"\n", | |
"\n", | |
" </style>\n", | |
" </head>\n", | |
" <body>\n", | |
" <table class=\"dataframe\" id=\"static_df_419430519\"><thead><tr><th class=\"bottomBorder\" style=\"text-align:left\">name</th><th class=\"bottomBorder\" style=\"text-align:left\">pods.name</th><th class=\"bottomBorder\" style=\"text-align:left\">pods.namespace</th><th class=\"bottomBorder\" style=\"text-align:left\">pods.cpu.requests</th><th class=\"bottomBorder\" style=\"text-align:left\">pods.cpu.requestsPercent</th><th class=\"bottomBorder\" style=\"text-align:left\">pods.cpu.limits</th><th class=\"bottomBorder\" style=\"text-align:left\">pods.cpu.limitsPercent</th><th class=\"bottomBorder\" style=\"text-align:left\">pods.memory.requests</th><th class=\"bottomBorder\" style=\"text-align:left\">pods.memory.requestsPercent</th><th class=\"bottomBorder\" style=\"text-align:left\">pods.memory.limits</th><th class=\"bottomBorder\" style=\"text-align:left\">pods.memory.limitsPercent</th></tr></thead><tbody><tr><td style=\"vertical-align:top\">a</td><td style=\"vertical-align:top\">a1</td><td style=\"vertical-align:top\">ns1</td><td style=\"vertical-align:top\">1</td><td style=\"vertical-align:top\">10</td><td style=\"vertical-align:top\">2</td><td style=\"vertical-align:top\">20</td><td style=\"vertical-align:top\">3</td><td style=\"vertical-align:top\">30</td><td style=\"vertical-align:top\">4</td><td style=\"vertical-align:top\">40</td></tr><tr><td style=\"vertical-align:top\">a</td><td style=\"vertical-align:top\">a2</td><td style=\"vertical-align:top\">ns2</td><td style=\"vertical-align:top\">5</td><td style=\"vertical-align:top\">50</td><td style=\"vertical-align:top\">6</td><td style=\"vertical-align:top\">60</td><td style=\"vertical-align:top\">7</td><td style=\"vertical-align:top\">70</td><td style=\"vertical-align:top\">8</td><td style=\"vertical-align:top\">80</td></tr><tr><td style=\"vertical-align:top\">b</td><td style=\"vertical-align:top\">b1</td><td style=\"vertical-align:top\">ns3</td><td style=\"vertical-align:top\">13</td><td style=\"vertical-align:top\">130</td><td style=\"vertical-align:top\">14</td><td style=\"vertical-align:top\">140</td><td style=\"vertical-align:top\">15</td><td style=\"vertical-align:top\">150</td><td style=\"vertical-align:top\">16</td><td style=\"vertical-align:top\">160</td></tr><tr><td style=\"vertical-align:top\">b</td><td style=\"vertical-align:top\">b2</td><td style=\"vertical-align:top\">ns4</td><td style=\"vertical-align:top\">17</td><td style=\"vertical-align:top\">170</td><td style=\"vertical-align:top\">18</td><td style=\"vertical-align:top\">180</td><td style=\"vertical-align:top\">19</td><td style=\"vertical-align:top\">190</td><td style=\"vertical-align:top\">20</td><td style=\"vertical-align:top\">200</td></tr></tbody></table>\n", | |
" </body>\n", | |
" <script>\n", | |
" document.getElementById(\"static_df_419430519\").style.display = \"none\";\n", | |
" </script>\n", | |
" </html>" | |
], | |
"application/kotlindataframe+json": "{\"$version\":\"2.0.0\",\"metadata\":{\"columns\":[\"name\",\"pods.name\",\"pods.namespace\",\"pods.cpu.requests\",\"pods.cpu.requestsPercent\",\"pods.cpu.limits\",\"pods.cpu.limitsPercent\",\"pods.memory.requests\",\"pods.memory.requestsPercent\",\"pods.memory.limits\",\"pods.memory.limitsPercent\"],\"nrow\":4,\"ncol\":11},\"kotlin_dataframe\":[{\"name\":\"a\",\"pods.name\":\"a1\",\"pods.namespace\":\"ns1\",\"pods.cpu.requests\":\"1\",\"pods.cpu.requestsPercent\":\"10\",\"pods.cpu.limits\":\"2\",\"pods.cpu.limitsPercent\":\"20\",\"pods.memory.requests\":\"3\",\"pods.memory.requestsPercent\":\"30\",\"pods.memory.limits\":\"4\",\"pods.memory.limitsPercent\":\"40\"},{\"name\":\"a\",\"pods.name\":\"a2\",\"pods.namespace\":\"ns2\",\"pods.cpu.requests\":\"5\",\"pods.cpu.requestsPercent\":\"50\",\"pods.cpu.limits\":\"6\",\"pods.cpu.limitsPercent\":\"60\",\"pods.memory.requests\":\"7\",\"pods.memory.requestsPercent\":\"70\",\"pods.memory.limits\":\"8\",\"pods.memory.limitsPercent\":\"80\"},{\"name\":\"b\",\"pods.name\":\"b1\",\"pods.namespace\":\"ns3\",\"pods.cpu.requests\":\"13\",\"pods.cpu.requestsPercent\":\"130\",\"pods.cpu.limits\":\"14\",\"pods.cpu.limitsPercent\":\"140\",\"pods.memory.requests\":\"15\",\"pods.memory.requestsPercent\":\"150\",\"pods.memory.limits\":\"16\",\"pods.memory.limitsPercent\":\"160\"},{\"name\":\"b\",\"pods.name\":\"b2\",\"pods.namespace\":\"ns4\",\"pods.cpu.requests\":\"17\",\"pods.cpu.requestsPercent\":\"170\",\"pods.cpu.limits\":\"18\",\"pods.cpu.limitsPercent\":\"180\",\"pods.memory.requests\":\"19\",\"pods.memory.requestsPercent\":\"190\",\"pods.memory.limits\":\"20\",\"pods.memory.limitsPercent\":\"200\"}]}" | |
}, | |
"execution_count": 24, | |
"metadata": {}, | |
"output_type": "execute_result" | |
} | |
], | |
"execution_count": 24 | |
}, | |
{ | |
"metadata": {}, | |
"cell_type": "code", | |
"outputs": [], | |
"execution_count": null, | |
"source": "" | |
} | |
], | |
"metadata": { | |
"kernelspec": { | |
"display_name": "Kotlin", | |
"language": "kotlin", | |
"name": "kotlin" | |
}, | |
"language_info": { | |
"name": "kotlin", | |
"version": "1.9.0", | |
"mimetype": "text/x-kotlin", | |
"file_extension": ".kt", | |
"pygments_lexer": "kotlin", | |
"codemirror_mode": "text/x-kotlin", | |
"nbconvert_exporter": "" | |
}, | |
"ktnbPluginMetadata": { | |
"projectLibraries": [ | |
"Gradle: org.jetbrains.dokka:kotlin-analysis-intellij:1.8.10" | |
] | |
} | |
}, | |
"nbformat": 4, | |
"nbformat_minor": 0 | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment