25:null 26:["$","title",null,{"children":"Grid.js with Datasette | Afshin Mehrabani | Observable"}] 2b:[] 29:{"id":"eb84c39c822c7886","slug":"grid-js-with-datasette","title":"Grid.js with Datasette","thumbnail":"9ea102b9db7ba0861c8f63cfb4c39908c3996ed5509a3c999dbbdeb00bfaf9f4","access_level":"public","create_time":"$D2020-06-05T23:25:33.063Z","update_time":"$D2020-06-06T10:48:04.403Z","view_time":null,"first_public_time":"$D2020-06-05T23:26:08.451Z","has_unpublished_edits":null,"fork":{"id":"d1291e7872e9fc51","slug":"grid-js-with-datasette","title":"Grid.js with Datasette","owner":{"id":"3b974c2db4452cfc","login":"simonw","name":"Simon Willison"}},"stars":0,"starred":false,"owner":{"type":"team","id":"96c3643b40dc6615","login":"afshinmeh","name":"Afshin Mehrabani","avatar_url":"https://avatars-next.observableusercontent.com/1bc95bb8e8b5709d0e20d2149286c316047bb747593042f6e474d249142ff050","tier":"starter_2024"},"version":50,"publish_version":50,"role":null,"authored":false,"authors":[{"type":"individual","id":"708cffa639ad1169","login":"afshinmeh","name":"Afshin Mehrabani","avatar_url":"https://avatars-next.observableusercontent.com/1bc95bb8e8b5709d0e20d2149286c316047bb747593042f6e474d249142ff050","tier":null}],"members":[{"type":"individual","id":"708cffa639ad1169","login":"afshinmeh","name":"Afshin Mehrabani","avatar_url":"https://avatars-next.observableusercontent.com/1bc95bb8e8b5709d0e20d2149286c316047bb747593042f6e474d249142ff050","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Grid.js with Datasette","cells":[{"id":0,"value":"md`# Grid.js with Datasette`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"viewof form_input = form(html``)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"html`You can share a link to this page`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"data = await fetch(form_input.url).then(r => r.json());","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"{\n var g = new gridjs.Grid({\n columns: data.columns,\n data: data.rows\n });\n var el = document.createElement('div');\n g.render(el);\n return el;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"gridjs = require('https://unpkg.com/gridjs/dist/gridjs.production.min.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"import {form} from \"@mbostock/form-input\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"initial_url = decodeURIComponent(location.href.split(\"?url=\")[1] || '') || 'https://covid-19.datasettes.com/covid/ny_times_us_states.json?state=Arizona'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"location.href.split(\"?url=\")[1]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2b","stdlib":"1","titling":"auto"}} 2a:"$29:body"