2a:null 2b:["$","title",null,{"children":"Using Danfo.js on Observable | Rising Odegua | Observable"}] 30:[] 2e:{"id":"9263405ae17bcf80","slug":"using-danfojs-on-observablehq","title":"Using Danfo.js on Observable","thumbnail":"5f42a38bd4e08ee4d2fb44027d2944725a63ca00c958a19731955c860fcfe8aa","access_level":"public","create_time":"$D2022-03-13T18:12:07.146Z","update_time":"$D2022-04-20T21:47:33.076Z","view_time":null,"first_public_time":"$D2022-03-13T18:47:42.148Z","has_unpublished_edits":null,"fork":false,"stars":10,"starred":false,"owner":{"type":"team","id":"2a7dbf1375a9e750","login":"risingodegua","name":"Rising Odegua","avatar_url":"https://avatars-next.observableusercontent.com/593545505b612da966cd32972e90ec0eb13b13039339d489e52900a14f8605fe","tier":"starter_2024"},"version":133,"publish_version":133,"role":null,"authored":false,"authors":[{"type":"individual","id":"4be58b96bf7be278","login":"risingodegua","name":"Rising Odegua","avatar_url":"https://avatars-next.observableusercontent.com/593545505b612da966cd32972e90ec0eb13b13039339d489e52900a14f8605fe","tier":null}],"members":[{"type":"individual","id":"4be58b96bf7be278","login":"risingodegua","name":"Rising Odegua","avatar_url":"https://avatars-next.observableusercontent.com/593545505b612da966cd32972e90ec0eb13b13039339d489e52900a14f8605fe","tier":null,"role":"editor"}],"comments":[{"id":"a0b2d25ac4c4546b","reply_to_id":null,"content":"You may want to use an

here (\"# Import Danfo.js Lib\"). Otherwise Observable cannot extract the notebook title, which is why your notebook is currently labeled as \"Untitled\".","create_time":"$D2022-03-13T22:09:43.328Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"07362516b5994994","login":"mootari","name":"Fabian Iwand","avatar_url":"https://avatars-next.observableusercontent.com/0d7defa821f38094c03bad23b9b360a5364e6e97e21fc238c39ddc48db7994ad","tier":null}},{"id":"c0273c495d6400d1","reply_to_id":"a0b2d25ac4c4546b","content":"Thanks!","create_time":"$D2022-04-02T12:58:09.417Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"4be58b96bf7be278","login":"risingodegua","name":"Rising Odegua","avatar_url":"https://avatars-next.observableusercontent.com/593545505b612da966cd32972e90ec0eb13b13039339d489e52900a14f8605fe","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":12,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Using Danfo.js on Observable","cells":[{"id":123,"value":"# Using Danfo.js on Observable","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":37,"value":"## Import Danfo.js Lib","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"dfd = require(\"danfojs@1.0.5/lib/bundle.js\").catch(() => {\n window.dfd.Series.prototype.print = window.dfd.DataFrame.prototype.print = function () {\n return print(this);\n };\n return window.dfd;\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"## A custom print function, that turns a DataFrame into a well-formatted HTML table. \nAdapted from [here](https://observablehq.com/@visnup/hello-danfo-js)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":29,"value":"function print(df) {\n const {$dtypes, $isSeries, $columns, $index, $data} = df;\n const table = html`\n
\n \n \n \n \n ${$isSeries\n ? html``\n : $columns.map((name, i) => html``)}\n \n \n \n ${$data.map((row, i) => html`\n \n \n ${$isSeries\n ? html``\n : row.map((v, j) => html``)}\n \n `)}\n \n
${$columns} ${name}
${$index[i]} ${row} ${v}
\n
\n \n `;\n table.value = df;\n return table;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"## Helper function that returns a Div for displaying plots.\nAdapted from [here](https://observablehq.com/@visnup/hello-danfo-js)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":84,"value":"function div(fn) {\n const d = html`
`;\n fn(d);\n return d;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"## Loading the titanic dataset ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":14,"value":"remoteFile = \"https://raw.githubusercontent.com/javascriptdata/danfojs/dev/src/danfojs-node/test/samples/titanic.csv\";","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"df = await dfd.readCSV(remoteFile);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"print(df.head())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"## Playing with Dataset","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":62,"value":"df.dtypes","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"df.columns","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"df.shape","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"print(df[\"Survived\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"print(df.describe())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"print(df.groupby([\"Sex\"]).count())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"print(df.query(df[\"Age\"].lt(10)))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1"}} 2f:"$2e:body"