28:null 29:["$","title",null,{"children":"JSON2Table | Dennis Heihoff | Observable"}] 2e:[] 2c:{"id":"11377c65683c24f6","slug":"json2table","title":"JSON2Table","thumbnail":"ddff0598c0833a14046be3f50a03cdde3f9334f9d06b53d76fc2e404ef3b554c","access_level":"public","create_time":"$D2018-10-22T18:58:19.971Z","update_time":"$D2018-10-23T14:32:44.585Z","view_time":null,"first_public_time":"$D2018-10-22T19:03:14.703Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"481998eabc291405","login":"den1k","name":"Dennis Heihoff","avatar_url":"https://avatars-next.observableusercontent.com/01c7b59b479200282bdc5770f3256e566b4c5ece8d31a0f959215f2d70f5d18d","tier":"starter_2024"},"version":84,"publish_version":84,"role":null,"authored":false,"authors":[{"type":"individual","id":"7f26a66ad2574ea9","login":"den1k","name":"Dennis Heihoff","avatar_url":"https://avatars-next.observableusercontent.com/01c7b59b479200282bdc5770f3256e566b4c5ece8d31a0f959215f2d70f5d18d","tier":null}],"members":[{"type":"individual","id":"7f26a66ad2574ea9","login":"den1k","name":"Dennis Heihoff","avatar_url":"https://avatars-next.observableusercontent.com/01c7b59b479200282bdc5770f3256e566b4c5ece8d31a0f959215f2d70f5d18d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"JSON2Table","cells":[{"id":0,"value":"md`# JSON2Table`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"// adapted from Travis Horn's\n// https://codepen.io/travishorn/pen/rqLQEQ\n\njson2table = (json, columns) => {\n var cols =\n columns ||\n Array.from(\n json\n .map(obj => Object.keys(obj))\n .flat()\n .reduce((out, k) => out.add(k), new Set())\n );\n\n var headerRow = \"\";\n var bodyRows = \"\";\n\n cols.map(function(col) {\n headerRow += \"\" + col + \"\";\n });\n\n json.map(function(row) {\n bodyRows += \"\";\n\n cols.map(function(colName) {\n bodyRows += \"\" + (row[colName] || \"\") + \"\";\n });\n\n bodyRows += \"\";\n });\n\n return (\n \"\" +\n headerRow +\n \"\" +\n bodyRows +\n \"

\"\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"testData = [\n { country: \"China\", population: 1379510000 },\n { country: \"India\" },\n { country: \"United States\", population: 324788000 },\n { population: 260581000, dogs: \"yes!\" },\n { country: \"Brazil\", population: 206855000 }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"html`${json2table(testData)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2d:"$2c:body"