2b:null 2c:["$","title",null,{"children":"Table | Matt Neary | Observable"}] 31:T751,table = { return (index, columns, groups, cb) => { const element = html`

${index.length > 1 ? html`` : ''} ${columns.map(({name}) => html``)} ${groups.flatMap((members, groupNum) => members.map((datum, rowNum) => html` ${rowNum === 0 ? html`` : html`` : ''} ${columns.map(({key, format}) => html`` )} `))}

${index[0].name}	${index[1].name}	${name}
${datum[index[0].key]}	`} ${index.length > 1 ? html`	${datum[index[1].key]}	${(format && datum[key]) ? format(datum[key]) : (datum[key] \|\| '')}

` element.addEventListener('click', evt => { if (evt.target.dataset.cell) { cb(_.zipObject([...index.map(({key}) => key), 'column'], evt.target.dataset.cell.split(''))) } }) return element } }32:[] 2f:{"id":"c9bcc5032a4eb283","slug":"table","title":"Table","thumbnail":"b95019c8a094e282362d6451aeb07e851d6623052531f5869afb470c8740fd21","access_level":"public","create_time":"$D2020-02-28T03:49:18.759Z","update_time":"$D2020-03-26T18:59:00.582Z","view_time":null,"first_public_time":"$D2020-02-28T04:42:50.153Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"86ca9f1f779a2ea1","login":"mattneary","name":"Matt Neary","avatar_url":"https://avatars-next.observableusercontent.com/7c9a7c508689d74b86bd7ded836b25badd562a92ece87da385ccccce4bfaaa3c","tier":"starter_2024"},"version":153,"publish_version":153,"role":null,"authored":false,"authors":[{"type":"individual","id":"ca70d48cfb691053","login":"mattneary","name":"Matt Neary","avatar_url":"https://avatars-next.observableusercontent.com/7c9a7c508689d74b86bd7ded836b25badd562a92ece87da385ccccce4bfaaa3c","tier":null}],"members":[{"type":"individual","id":"ca70d48cfb691053","login":"mattneary","name":"Matt Neary","avatar_url":"https://avatars-next.observableusercontent.com/7c9a7c508689d74b86bd7ded836b25badd562a92ece87da385ccccce4bfaaa3c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Table","cells":[{"id":0,"value":"md`# Table`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"_ = require('lodash')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"{\n const data = [\n [\n {state: 'California', city: 'San Francisco', population: 884363, costOfLiving: 2, unemployment: 0.019},\n {state: 'California', city: 'Los Angeles', population: 4e6, costOfLiving: 1.5, unemployment: 0.04},\n ],\n [\n {state: 'Connecticut', city: 'Greenwich', population: 62610, costOfLiving: null, unemployment: 0.025},\n ],\n ]\n return table(\n [{name: 'State', key: 'state'}, {name: 'City', key: 'city'}],\n [{name: 'Population', key: 'population'}, {name: 'Cost of Living', key: 'costOfLiving'}, {name: 'Unemployment', key: 'unemployment'}],\n data,\n datapoint => console.log(datapoint)\n )\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"