Skip to content

Instantly share code, notes, and snippets.

@alandvgarcia
Created May 5, 2025 17:33
Show Gist options
  • Save alandvgarcia/251fd2b6e670dd56b1bd2cbfed03d0f3 to your computer and use it in GitHub Desktop.
Save alandvgarcia/251fd2b6e670dd56b1bd2cbfed03d0f3 to your computer and use it in GitHub Desktop.
Testando
Display the source blob
Display the rendered blob
Raw
{
"cells" : [ {
"metadata" : {
"ExecuteTime" : {
"end_time" : "2025-05-05T17:32:52.237917574Z",
"start_time" : "2025-05-05T17:32:52.028721086Z"
}
},
"cell_type" : "code",
"source" : [ "%use ktor-client\n", "\n", "val response = http.get(\"https://jsonplaceholder.typicode.com/todos/1\")\n", "response.bodyAsText()" ],
"id" : "5a57d4998f95c1c3",
"outputs" : [ {
"data" : {
"application/json" : {
"userId" : 1,
"id" : 1,
"title" : "delectus aut autem",
"completed" : false
},
"text/plain" : [ "{\n", " \"userId\": 1,\n", " \"id\": 1,\n", " \"title\": \"delectus aut autem\",\n", " \"completed\": false\n", "}" ],
"text/markdown" : "```json\n{\n \"userId\": 1,\n \"id\": 1,\n \"title\": \"delectus aut autem\",\n \"completed\": false\n}\n```"
},
"execution_count" : 21,
"metadata" : {
"application/json" : {
"expanded" : true
}
},
"output_type" : "execute_result"
} ],
"execution_count" : 21
}, {
"metadata" : {
"ExecuteTime" : {
"end_time" : "2025-05-05T17:32:52.680739249Z",
"start_time" : "2025-05-05T17:32:52.311877791Z"
}
},
"cell_type" : "code",
"source" : [ "%use dataframe\n", "\n", "val df = DataFrame.read(\"https://jsonplaceholder.typicode.com/todos/\")" ],
"id" : "a5c97f9b191a4412",
"outputs" : [ ],
"execution_count" : 22
}, {
"metadata" : {
"ExecuteTime" : {
"end_time" : "2025-05-05T17:32:52.759616936Z",
"start_time" : "2025-05-05T17:32:52.692349045Z"
}
},
"cell_type" : "code",
"source" : "df.filter { userId == 3 && completed}",
"id" : "bccc3326f38b04b0",
"outputs" : [ {
"data" : {
"text/html" : [ " <iframe onload=\"o_resize_iframe_out_6()\" style=\"width:100%;\" class=\"result_container\" id=\"iframe_out_6\" frameBorder=\"0\" srcdoc=\" &lt;html theme='dark'&gt;\n", " &lt;head&gt;\n", " &lt;style type=&quot;text&sol;css&quot;&gt;\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=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;], .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: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;\n", " font-size: 12px;\n", " background-color: var(--background);\n", " color: var(--text-color-dark);\n", " border: none;\n", " border-collapse: collapse;\n", "}\n", "\n", "table.dataframe th, td {\n", " padding: 6px;\n", " border: 1px solid transparent;\n", " text-align: left;\n", "}\n", "\n", "table.dataframe th {\n", " background-color: var(--background);\n", " color: var(--header-text-color);\n", "}\n", "\n", "table.dataframe td {\n", " vertical-align: top;\n", " white-space: nowrap;\n", "}\n", "\n", "table.dataframe th.bottomBorder {\n", " border-bottom-color: var(--bold-border-color);\n", "}\n", "\n", "table.dataframe tbody &gt; tr:nth-child(odd) {\n", " background: var(--background-odd);\n", "}\n", "\n", "table.dataframe tbody &gt; tr:nth-child(even) {\n", " background: var(--background);\n", "}\n", "\n", "table.dataframe tbody &gt; 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 &gt; 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", "&sol;* formatting *&sol;\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=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;]{\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; &sol;* Mostly for vertical scrollbars *&sol;\n", " height: 10px; &sol;* Mostly for horizontal scrollbars *&sol;\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", " &lt;&sol;style&gt;\n", " &lt;&sol;head&gt;\n", " &lt;body&gt;\n", " &lt;table class=&quot;dataframe&quot; id=&quot;df_-117440502&quot;&gt;&lt;&sol;table&gt;\n", "\n", "&lt;p class=&quot;dataframe_description&quot;&gt;DataFrame: rowsCount = 7, columnsCount = 4&lt;&sol;p&gt;\n", "\n", " &lt;&sol;body&gt;\n", " &lt;script&gt;\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 &lt; 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 &lt; df.cols.length; i++) {\n", " if (df.cols[i].values.length &gt; 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 &lt; df.cols.length; i++) {\n", " let col = df.cols[i]\n", " if (col.parent === undefined &amp;&amp; col.children.length &gt; 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 &lt; 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 &lt; result.length; i++) {\n", " let row = result[i]\n", " for (let j = 0; j &lt; row.length; j++) {\n", " let cell = row[j]\n", " if (j === 0)\n", " cell.leftBd = false\n", " if (j &lt; 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 &gt; 0) {\n", " let j = 0\n", " for (let i = 0; j &lt; 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 &lt; col.children.length; i++) {\n", " let child = col.children[i]\n", " let childLeft = i === 0 &amp;&amp; (col.children.length &gt; 1 || leftBorder)\n", " let childRight = i === col.children.length - 1 &amp;&amp; (col.children.length &gt; 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 &lt; 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 &gt; 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(&quot;df_&quot; + id)\n", " }\n", "\n", " this.getTableData = function (id) {\n", " return this.getTableElement(id).df\n", " }\n", "\n", " this.createExpander = function (isExpanded) {\n", " const svgNs = &quot;http:&sol;&sol;www.w3.org&sol;2000&sol;svg&quot;\n", " let svg = document.createElementNS(svgNs, &quot;svg&quot;)\n", " svg.classList.add(&quot;expanderSvg&quot;)\n", " let path = document.createElementNS(svgNs, &quot;path&quot;)\n", " if (isExpanded) {\n", " svg.setAttribute(&quot;viewBox&quot;, &quot;0 -2 8 8&quot;)\n", " path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 4 4 4 -4 -1 -1 -3 3Z&quot;)\n", " } else {\n", " svg.setAttribute(&quot;viewBox&quot;, &quot;-2 0 8 8&quot;)\n", " path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 3 3 -3 3 1 1 4 -4Z&quot;)\n", " }\n", " path.setAttribute(&quot;fill&quot;, &quot;currentColor&quot;)\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 = &quot;&quot;\n", "\n", " let df = table.df\n", " let rootDf = df.rootId === df.id ? df : this.getTableData(df.rootId)\n", "\n", " &sol;&sol; header\n", " let header = document.createElement(&quot;thead&quot;)\n", " table.appendChild(header)\n", "\n", " let renderData = this.computeRenderData(df)\n", " for (let j = 0; j &lt; renderData.length; j++) {\n", " let rowData = renderData[j]\n", " let tr = document.createElement(&quot;tr&quot;);\n", " let isLastRow = j === renderData.length - 1\n", " header.appendChild(tr);\n", " for (let i = 0; i &lt; rowData.length; i++) {\n", " let cell = rowData[i]\n", " let th = document.createElement(&quot;th&quot;);\n", " th.setAttribute(&quot;colspan&quot;, 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(&quot;a&quot;)\n", " link.className = &quot;expander&quot;\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 ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n", " if (col.rightAlign)\n", " classes += &quot; rightAlign&quot;\n", " if (isLastRow)\n", " classes += &quot; bottomBorder&quot;\n", " if (classes.length &gt; 0)\n", " th.setAttribute(&quot;class&quot;, classes)\n", " tr.appendChild(th)\n", " }\n", " }\n", "\n", " &sol;&sol; body\n", " let body = document.createElement(&quot;tbody&quot;)\n", " table.appendChild(body)\n", "\n", " let columns = renderData.pop()\n", " for (let row = 0; row &lt; df.nrow; row++) {\n", " let tr = document.createElement(&quot;tr&quot;);\n", " body.appendChild(tr)\n", " for (let i = 0; i &lt; columns.length; i++) {\n", " let cell = columns[i]\n", " let td = document.createElement(&quot;td&quot;);\n", " let colId = cell.id\n", " let col = df.cols[colId]\n", " let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n", " if (col.rightAlign)\n", " classes += &quot; rightAlign&quot;\n", " if (classes.length &gt; 0)\n", " td.setAttribute(&quot;class&quot;, 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(&quot;a&quot;)\n", " link.className = &quot;expander&quot;\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(&quot;p&quot;))\n", " const childTable = document.createElement(&quot;table&quot;)\n", " childTable.className = &quot;dataframe&quot;\n", " childTable.id = &quot;df_&quot; + 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(&quot;p&quot;)\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(&quot;style&quot;, 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 &lt; 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(&quot;script&quot;);\n", " script.text = node.innerHTML;\n", "\n", " let i = -1, attrs = node.attributes, attr;\n", " while (++i &lt; 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[&quot;kotlinQueues&quot;] &amp;&amp; window[&quot;kotlinQueues&quot;][&quot;DataFrame&quot;];\n", " if (funQueue) {\n", " funQueue.forEach(function (f) {\n", " f();\n", " });\n", " funQueue = [];\n", " }\n", "})()\n", "\n", "&sol;*&lt;!--*&sol;\n", "call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: &quot;&lt;span title=&bsol;&quot;userId: Int&bsol;&quot;&gt;userId&lt;&sol;span&gt;&quot;, children: [], rightAlign: true, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;3&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;3&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;3&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;3&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;3&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;3&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;3&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;] }, \n", "{ name: &quot;&lt;span title=&bsol;&quot;id: Int&bsol;&quot;&gt;id&lt;&sol;span&gt;&quot;, children: [], rightAlign: true, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;43&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;44&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;50&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;54&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;55&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;56&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;60&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;] }, \n", "{ name: &quot;&lt;span title=&bsol;&quot;title: String&bsol;&quot;&gt;title&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;tempore ut sint quis recusandae&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;cum debitis quis accusamus doloremque ipsa natus sapiente omnis&bsol;&quot;&gt;cum debitis quis accusamus doloremque&lt;span class=&bsol;&quot;structural&bsol;&quot;&gt;...&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;cupiditate necessitatibus ullam aut quis dolor voluptate&bsol;&quot;&gt;cupiditate necessitatibus ullam aut q&lt;span class=&bsol;&quot;structural&bsol;&quot;&gt;...&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;quis et est ut voluptate quam dolor&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;voluptatum omnis minima qui occaecati provident nulla voluptatem ratione&bsol;&quot;&gt;voluptatum omnis minima qui occaecati&lt;span class=&bsol;&quot;structural&bsol;&quot;&gt;...&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;deleniti ea temporibus enim&quot;,&quot;et sequi qui architecto ut adipisci&quot;] }, \n", "{ name: &quot;&lt;span title=&bsol;&quot;completed: Boolean&bsol;&quot;&gt;completed&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;true&quot;,&quot;true&quot;,&quot;true&quot;,&quot;true&quot;,&quot;true&quot;,&quot;true&quot;,&quot;true&quot;] }, \n", "], id: -117440502, rootId: -117440502, totalRows: 7 } ) });\n", "&sol;*--&gt;*&sol;\n", "\n", "call_DataFrame(function() { DataFrame.renderTable(-117440502) });\n", "\n", "\n", " &lt;&sol;script&gt;\n", " &lt;&sol;html&gt;\"></iframe>\n", " <script>\n", " function o_resize_iframe_out_6() {\n", " let elem = document.getElementById(\"iframe_out_6\");\n", " resize_iframe_out_6(elem);\n", " setInterval(resize_iframe_out_6, 5000, elem);\n", " }\n", " function resize_iframe_out_6(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", " white-space: nowrap;\n", "}\n", "\n", "table.dataframe th.bottomBorder {\n", " border-bottom-color: var(--bold-border-color);\n", "}\n", "\n", "table.dataframe tbody > tr:nth-child(odd) {\n", " background: var(--background-odd);\n", "}\n", "\n", "table.dataframe tbody > tr:nth-child(even) {\n", " background: var(--background);\n", "}\n", "\n", "table.dataframe tbody > tr:hover {\n", " background: var(--background-hover);\n", "}\n", "\n", "table.dataframe a {\n", " cursor: pointer;\n", " color: var(--link-color);\n", " text-decoration: none;\n", "}\n", "\n", "table.dataframe tr:hover > td a {\n", " color: var(--link-color-pale);\n", "}\n", "\n", "table.dataframe a:hover {\n", " color: var(--link-hover);\n", " text-decoration: underline;\n", "}\n", "\n", "table.dataframe img {\n", " max-width: fit-content;\n", "}\n", "\n", "table.dataframe th.complex {\n", " background-color: var(--background);\n", " border: 1px solid var(--background);\n", "}\n", "\n", "table.dataframe .leftBorder {\n", " border-left-color: var(--inner-border-color);\n", "}\n", "\n", "table.dataframe .rightBorder {\n", " border-right-color: var(--inner-border-color);\n", "}\n", "\n", "table.dataframe .rightAlign {\n", " text-align: right;\n", "}\n", "\n", "table.dataframe .expanderSvg {\n", " width: 8px;\n", " height: 8px;\n", " margin-right: 3px;\n", "}\n", "\n", "table.dataframe .expander {\n", " display: flex;\n", " align-items: center;\n", "}\n", "\n", "/* formatting */\n", "\n", "table.dataframe .null {\n", " color: var(--text-color-pale);\n", "}\n", "\n", "table.dataframe .structural {\n", " color: var(--text-color-medium);\n", " font-weight: bold;\n", "}\n", "\n", "table.dataframe .dataFrameCaption {\n", " font-weight: bold;\n", "}\n", "\n", "table.dataframe .numbers {\n", " color: var(--text-color-dark);\n", "}\n", "\n", "table.dataframe td:hover .formatted .structural, .null {\n", " color: var(--text-color-dark);\n", "}\n", "\n", "table.dataframe tr:hover .formatted .structural, .null {\n", " color: var(--text-color-dark);\n", "}\n", "\n", "\n", " </style>\n", " </head>\n", " <body>\n", " <table class=\"dataframe\" id=\"static_df_-117440501\"><thead><tr><th class=\"bottomBorder\" style=\"text-align:left\">userId</th><th class=\"bottomBorder\" style=\"text-align:left\">id</th><th class=\"bottomBorder\" style=\"text-align:left\">title</th><th class=\"bottomBorder\" style=\"text-align:left\">completed</th></tr></thead><tbody><tr><td style=\"vertical-align:top\">3</td><td style=\"vertical-align:top\">43</td><td style=\"vertical-align:top\">tempore ut sint quis recusandae</td><td style=\"vertical-align:top\">true</td></tr><tr><td style=\"vertical-align:top\">3</td><td style=\"vertical-align:top\">44</td><td style=\"vertical-align:top\">cum debitis quis accusamus doloremque<span class=\"structural\">...</span></td><td style=\"vertical-align:top\">true</td></tr><tr><td style=\"vertical-align:top\">3</td><td style=\"vertical-align:top\">50</td><td style=\"vertical-align:top\">cupiditate necessitatibus ullam aut q<span class=\"structural\">...</span></td><td style=\"vertical-align:top\">true</td></tr><tr><td style=\"vertical-align:top\">3</td><td style=\"vertical-align:top\">54</td><td style=\"vertical-align:top\">quis et est ut voluptate quam dolor</td><td style=\"vertical-align:top\">true</td></tr><tr><td style=\"vertical-align:top\">3</td><td style=\"vertical-align:top\">55</td><td style=\"vertical-align:top\">voluptatum omnis minima qui occaecati<span class=\"structural\">...</span></td><td style=\"vertical-align:top\">true</td></tr><tr><td style=\"vertical-align:top\">3</td><td style=\"vertical-align:top\">56</td><td style=\"vertical-align:top\">deleniti ea temporibus enim</td><td style=\"vertical-align:top\">true</td></tr><tr><td style=\"vertical-align:top\">3</td><td style=\"vertical-align:top\">60</td><td style=\"vertical-align:top\">et sequi qui architecto ut adipisci</td><td style=\"vertical-align:top\">true</td></tr></tbody></table>\n", " </body>\n", " <script>\n", " document.getElementById(\"static_df_-117440501\").style.display = \"none\";\n", " </script>\n", " </html>" ],
"application/kotlindataframe+json" : "{\"$version\":\"2.1.1\",\"metadata\":{\"columns\":[\"userId\",\"id\",\"title\",\"completed\"],\"types\":[{\"kind\":\"ValueColumn\",\"type\":\"kotlin.Int\"},{\"kind\":\"ValueColumn\",\"type\":\"kotlin.Int\"},{\"kind\":\"ValueColumn\",\"type\":\"kotlin.String\"},{\"kind\":\"ValueColumn\",\"type\":\"kotlin.Boolean\"}],\"nrow\":7,\"ncol\":4},\"kotlin_dataframe\":[{\"userId\":3,\"id\":43,\"title\":\"tempore ut sint quis recusandae\",\"completed\":true},{\"userId\":3,\"id\":44,\"title\":\"cum debitis quis accusamus doloremque ipsa natus sapiente omnis\",\"completed\":true},{\"userId\":3,\"id\":50,\"title\":\"cupiditate necessitatibus ullam aut quis dolor voluptate\",\"completed\":true},{\"userId\":3,\"id\":54,\"title\":\"quis et est ut voluptate quam dolor\",\"completed\":true},{\"userId\":3,\"id\":55,\"title\":\"voluptatum omnis minima qui occaecati provident nulla voluptatem ratione\",\"completed\":true},{\"userId\":3,\"id\":56,\"title\":\"deleniti ea temporibus enim\",\"completed\":true},{\"userId\":3,\"id\":60,\"title\":\"et sequi qui architecto ut adipisci\",\"completed\":true}]}"
},
"execution_count" : 23,
"metadata" : { },
"output_type" : "execute_result"
} ],
"execution_count" : 23
} ],
"metadata" : {
"kernelspec" : {
"display_name" : "Kotlin",
"language" : "kotlin",
"name" : "kotlin"
},
"language_info" : {
"name" : "kotlin",
"version" : "1.9.23",
"mimetype" : "text/x-kotlin",
"file_extension" : ".kt",
"pygments_lexer" : "kotlin",
"codemirror_mode" : "text/x-kotlin",
"nbconvert_exporter" : ""
}
},
"nbformat" : 4,
"nbformat_minor" : 0
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment