2e:null 2f:["$","title",null,{"children":"Suggest | Toph Tucker | Observable"}] 34:T78d,isArray = (thing) => { const codeSamples = [ { label: "See it in a table", code: `Inputs.table(${yourVar})` } ]; if (!Array.isArray(thing)) return false; if (isEmptyArray(thing)) return { text: "This is an empty array." }; if (isArrayOfNumbers(thing)) return { text: "This is an array of numbers.", code: [ { label: "Group it into bins", code: `d3.bin()(${yourVar})` }, { label: "Make a histogram", code: `Plot.barY(${yourVar}, Plot.binX({y: "count"})).plot()` } ] }; if (isRectangularArray(thing)) codeSamples.push({ label: "Transpose it", code: `d3.transpose(${yourVar})` }); if (isArrayOfObjects(thing)) { if (d3.sum(thing.map((row) => objectHasUntypedValueStrings(row))) > 5) { codeSamples.push({ label: "Auto-type the values", code: `${yourVar}.map(d3.autoType)` }); } const colTypes = { num: getNumericCols(thing), cat: getCategoricalCols(thing), date: getDateCols(thing) }; const catSamples = colTypes.cat.slice(0, 2).map((cat, i) => !i ? { label: `Group by ${cat}`, code: `d3.group(${yourVar}, d => d.${cat})` } : { label: `Plot frequencies of ${cat}`, code: `Plot.barY(${yourVar}, Plot.groupX({y: "count"}, {x: "${cat}"})).plot()` } ); if (colTypes.num.length >= 2) codeSamples.push({ label: `Plot ${colTypes.num[0]} against ${colTypes.num[1]}`, code: `Plot.dot( ${yourVar}, {x: "${colTypes.num[0]}", y: "${colTypes.num[1]}"} ).plot()` }); return { text: "This is an array of objects.", code: [ ...codeSamples, ...catSamples, ...chartNumericCols(thing).slice(0, 2) ] }; } return false; }35:T965,isFile = file => { if (file instanceof FileAttachment) { const name = file.name.split("."); const extension = name[name.length - 1].toLowerCase(); const ref = `FileAttachment("${file.name}")`; const disclaim = " It has several methods which return Promises, which need an \`await\` keyword if they aren’t the only thing in the cell."; switch (extension) { case "json": return { text: "This is a JSON file attachment." + disclaim, code: [ { label: "Parse it", code: `await ${ref}.json()` } ] }; case "tsv": return { text: "This is a TSV file attachment." + disclaim, code: [ { label: "Parse it", code: `await ${ref}.tsv()` }, { label: "Parse it with numbers and dates automatically converted", code: `await ${ref}.tsv({typed: true})` } ] }; case "csv": return { text: "This is a CSV file attachment." + disclaim, code: [ { label: "Parse it", code: `await ${ref}.csv()` }, { label: "Parse it with numbers and dates automatically converted", code: `await ${ref}.csv({typed: true})` } ] }; case "png": case "apng": case "jpg": case "jpeg": case "gif": case "heic": case "webp": return { text: "This is an image file attachment." + disclaim, code: [ { label: "Render it as a DOM node", code: `await ${ref}.image()` }, { label: "Render it by referencing its URL", code: `html\`

\`` } ] }; default: return { text: "This is a file attachment. It doesn’t look like an image, CSV, or JSON." + disclaim, code: [ { label: "Reference its URL", code: `await ${ref}.url()` }, { label: "See it as text", code: `await ${ref}.text()` } ] }; } } return false; }36:[{"id":"15efd91760d0d4e41178e1df9623331b6bf519122ff44ff6837e776471a1d4c58f035eafc13b2c66112dbb79f0a1d4dcea50bbfd2609ac5f79ce74b3b60fb3e5","href":"https://static.observableusercontent.com/files/15efd91760d0d4e41178e1df9623331b6bf519122ff44ff6837e776471a1d4c58f035eafc13b2c66112dbb79f0a1d4dcea50bbfd2609ac5f79ce74b3b60fb3e5","name":"alphabet.csv","type":"text/csv","lastModified":1605772537622.819,"size":275},{"id":"cd7473c8d22df421e1d13814d93aec5294e72dd53726b0fe3f3e3cbf2cc76069f8ccd3a69f0728774c97f5e34941bc5a8f8a0cea8ed1165f7bea9ca00e54cabd","href":"https://static.observableusercontent.com/files/cd7473c8d22df421e1d13814d93aec5294e72dd53726b0fe3f3e3cbf2cc76069f8ccd3a69f0728774c97f5e34941bc5a8f8a0cea8ed1165f7bea9ca00e54cabd","name":"flare-2.json","type":"application/json","lastModified":1605805317598.735,"size":11634},{"id":"7b9e9d0754de4e73ed3bb74f73a61b2d4413106d04b319f62f922a5c78b9b76134f6a51c4321f933ec7dcb3d5ee91f298f2cad61e6f6a5398f9c4784b180168b","href":"https://static.observableusercontent.com/files/7b9e9d0754de4e73ed3bb74f73a61b2d4413106d04b319f62f922a5c78b9b76134f6a51c4321f933ec7dcb3d5ee91f298f2cad61e6f6a5398f9c4784b180168b","name":"altered-world.png","type":"image/png","lastModified":1605805611985.5,"size":6621042},{"id":"3ccff97fd2d93da734e76829b2b066eafdaac6a1fafdec0faf6ebc443271cfc109d29e80dd217468fcb2aff1e6bffdc73f356cc48feb657f35378e6abbbb63b9","href":"https://static.observableusercontent.com/files/3ccff97fd2d93da734e76829b2b066eafdaac6a1fafdec0faf6ebc443271cfc109d29e80dd217468fcb2aff1e6bffdc73f356cc48feb657f35378e6abbbb63b9","name":"aapl.csv","type":"text/csv","lastModified":1606194431467.383,"size":92399},{"id":"715db1223e067f00500780077febc6cebbdd90c151d3d78317c802732252052ab0e367039872ab9c77d6ef99e5f55a0724b35ddc898a1c99cb14c31a379af80a","href":"https://static.observableusercontent.com/files/715db1223e067f00500780077febc6cebbdd90c151d3d78317c802732252052ab0e367039872ab9c77d6ef99e5f55a0724b35ddc898a1c99cb14c31a379af80a","name":"penguins.csv","type":"text/csv","lastModified":1606194431339.182,"size":13506}] 32:{"id":"9962c33db918d449","slug":"suggest","title":"Suggest","thumbnail":"538ca93a6baaded7969f939704901510dd5decb8ca515e5426558759ca449686","access_level":"public","create_time":"$D2020-11-18T16:11:59.881Z","update_time":"$D2022-11-15T19:10:42.094Z","view_time":null,"first_public_time":"$D2021-06-12T07:28:37.449Z","has_unpublished_edits":null,"fork":false,"stars":5,"starred":false,"owner":{"type":"team","id":"97290e936c339d8e","login":"tophtucker","name":"Toph Tucker","avatar_url":"https://avatars-next.observableusercontent.com/3706c31a8f9c59bb716c022c04b9c073144cd1368b78ac85f49139be6c93c34e","tier":"pro_2026"},"version":1099,"publish_version":1099,"role":null,"authored":false,"authors":[{"type":"individual","id":"0bb2842b01e0c652","login":"tophtucker","name":"Toph Tucker","avatar_url":"https://avatars-next.observableusercontent.com/3706c31a8f9c59bb716c022c04b9c073144cd1368b78ac85f49139be6c93c34e","tier":null}],"members":[{"type":"individual","id":"0bb2842b01e0c652","login":"tophtucker","name":"Toph Tucker","avatar_url":"https://avatars-next.observableusercontent.com/3706c31a8f9c59bb716c022c04b9c073144cd1368b78ac85f49139be6c93c34e","tier":null,"role":"editor"}],"comments":[{"id":"552703c410a189f2","reply_to_id":null,"content":"not sure about this one","create_time":"$D2020-11-24T06:33:22.110Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"45a379fcfcb14253","login":"fil","name":"Fil","avatar_url":"https://avatars-next.observableusercontent.com/d5b1777907117a2bdf2a07eb98600d7a9beb21639fde42b9753e95c88c7731a6","tier":null}},{"id":"b1a9f108d7743703","reply_to_id":"552703c410a189f2","content":"oh, good point hahah. maybe more like \"Observable shows it when it's a child of a DOM element your cell returns, like an

💁‍♀️ ${text}

\n \n \n ${\n code\n ? code.map(\n ({ label, code }) => html`\n \n \n `\n )\n : \"\"\n }\n \n

${label}

${(Array.isArray(code) ? code : [code]).map(\n (c) =>\n html`

${he.escape(c)} ${Object.assign(copyIcon(), {\n              onclick: () => copy(c)\n            })}

`\n )}

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":461,"value":"isObject = thing => {\n if (typeof thing === \"object\" && thing !== null) {\n const codeSamples = [];\n\n if (couldBeHierarchy(thing))\n codeSamples.push({\n label: \"Make it a D3 hierarchy\",\n code: `d3.hierarchy(${yourVar})`\n });\n\n const longArrs = getLongestArrays(thing);\n\n if (longArrs.length) {\n codeSamples.push({\n label: \"Extract its longest arrays\",\n code: longArrs.slice(0, 3).map(({ path }) => `${yourVar}${path}`)\n });\n }\n\n return { text: \"This is an object.\", code: codeSamples };\n }\n return false;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":560,"value":"function getLongestArrays(obj, path = \"\") {\n if (typeof obj === \"object\" && obj !== null) {\n const getPath = Array.isArray(obj)\n ? key => `${path}[${key}]`\n : key => `${path}.${key}`;\n return Object.keys(obj)\n .flatMap(key => {\n if (Array.isArray(obj[key])) {\n return [\n { path: getPath(key), length: obj[key].length },\n ...getLongestArrays(obj[key], getPath(key))\n ];\n } else if (typeof obj[key] === \"object\") {\n return getLongestArrays(obj[key], getPath(key));\n } else {\n return null;\n }\n })\n .filter(d => d)\n .sort((a, b) => d3.descending(a.length, b.length));\n }\n return null;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":436,"value":"couldBeHierarchy = thing => {\n try {\n return d3.hierarchy(thing).height;\n } catch {\n return false;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":248,"value":"isEmptyArray = arr => Array.isArray(arr) && !arr.length","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"isArrayOfNumbers = arr =>\n arr.every(d => d === undefined || d === null || typeof d === \"number\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"isRectangularArray = arr =>\n Array.isArray(arr) &&\n arr.length &&\n arr[0].length &&\n Array.from(new Set(arr.map(d => d.length))).length === 1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"isArrayOfObjects = arr =>\n Array.isArray(arr) && arr.length && typeof arr[0] === \"object\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"isUntypedValueString = value =>\n typeof value === \"string\" &&\n Boolean(\n !value ||\n value === \"true\" ||\n value === \"false\" ||\n value === \"NaN\" ||\n !isNaN(+value) ||\n value.match(\n /^([-+]\\d{2})?\\d{4}(-\\d{2}(-\\d{2})?)?(T\\d{2}:\\d{2}(:\\d{2}(\\.\\d{3})?)?(Z|[-+]\\d{2}:\\d{2})?)?$/\n )\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"value":"objectHasUntypedValueStrings = obj =>\n Object.keys(obj).filter(key => isUntypedValueString(obj[key])).length","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":732,"value":"// https://observablehq.com/@tophtucker/inferring-chart-type-from-autocorrelation-and-other-evils\nautocorrSuggestsLineNotBar = X =>\n stat.sampleCorrelation(\n X.slice(1),\n X.map((_, i, arr) => arr[i - 1]).slice(1)\n ) > 0.9","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":767,"value":"getNumericCols = arrOfObj =>\n Object.keys(arrOfObj[0]).filter(key => !isNaN(parseFloat(arrOfObj[0][key])))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":800,"value":"getDateCols = arrOfObj =>\n Object.keys(arrOfObj[0]).filter(key => arrOfObj[0][key] instanceof Date)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":831,"value":"// hmmmm idk the best heuristic here; if you have a timeseries of prices,\n// both columns prob pass uniqueness and neither is exactly an \"ID\"\ngetIdCols = arrOfObj =>\n Object.keys(arrOfObj[0]).filter(\n key =>\n typeof arrOfObj[0][key] === \"string\" &&\n new Set(arrOfObj.map(d => d[key])).size === arrOfObj.length\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":771,"value":"// not sure about this, but the idea is that groups make sense\n// when there are many rows that have the same string in that column.\n// more aggressively, could also try set size < Math.log(arrOfObj)\ngetCategoricalCols = arrOfObj =>\n Object.keys(arrOfObj[0]).filter(\n key =>\n typeof arrOfObj[0][key] === \"string\" &&\n new Set(arrOfObj.map(d => d[key])).size < arrOfObj.length / 2\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":782,"value":"// todo: use date col as x if possible\nchartNumericCols = (arrOfObj) =>\n getNumericCols(arrOfObj).map((key) => ({\n label: `Plot ${key}`,\n code: `Plot.${\n autocorrSuggestsLineNotBar(arrOfObj.map((d) => d[key])) ? \"line\" : \"bar\"\n }Y(${yourVar}, {${\n getDateCols(arrOfObj).length ? `x: \"${getDateCols(arrOfObj)[0]}\", ` : \"\"\n }y: \"${key}\"}).plot()`\n }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":708,"value":"function copyIcon(size = 14) {\n return svg``;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1076,"value":"styles = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":324,"value":"md`---\n## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":469,"value":"import { president } from \"@tophtucker/election-2020-data\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1022,"value":"import { copy } from \"@mbostock/pbcopy\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"he = require(\"he\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":405,"value":"stat = require(\"simple-statistics\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"