2d:null 2e:["$","title",null,{"children":"Venn Dialist | Humble Data Miner | Observable"}] 33:Tbec,function venn_dialist( data, groups, display_columns, { image_width=100, image_height=100, row_prop_key='', max_width, column_colors } = {} ) { let item_groups = []; for (let i = 0; i < data.length; i++) { let item = data[i]; let gid = 0; for (let g = 0; g < groups.length; g++) { gid <<= 1; if (item[groups[g]]) gid |= 1; } item_groups.push(gid); } let display_gids = []; for (let i = 0; i < display_columns.length; i++) { let gid = 0; for (let g = 0; g < groups.length; g++) { gid <<= 1; if (display_columns[i].includes(groups[g])) gid |= 1; } display_gids.push(gid); } let table_data = {}; let row_prop_values = new Set(); for (let i = 0; i < data.length; i++) { let row = data[i]; let row_prop_value = row.hasOwnProperty(row_prop_key) ? row[row_prop_key] : '-'; row_prop_values.add(row_prop_value); if (!table_data.hasOwnProperty(row_prop_value)) table_data[row_prop_value] = {}; let gid = item_groups[i]; if (!table_data[row_prop_value].hasOwnProperty(gid)) table_data[row_prop_value][gid] = []; table_data[row_prop_value][gid].push(data[i]); } let column_styles = []; for (let i = 0; i < display_columns.length; i++) column_styles.push(column_colors !== undefined ? ` style="background-color:${column_colors[i%column_colors.length]};"` : ''); const tbody = html``; const tr = html`${display_columns.map((e,i) => html``)}`; const table = html` ${display_columns.map((col, i)=>html`${col.join(" & ")}`)} ${tbody}

${row_prop_key}

`; for (let row_prop_value of row_prop_values) { const newtr = tr.cloneNode(true); newtr.childNodes[0].appendChild(document.createTextNode(row_prop_value)); for (let g = 0; g < display_gids.length; g++) { let items = table_data[row_prop_value][display_gids[g]]; if (items === undefined) continue; for (let i = 0; i < items.length; i++) { const item = items[i]; const img = html`

`; const title = html`

${item.hasOwnProperty('name') ? item.name : 'unnamed'}

` const elem = html`

${img}${title}`; newtr.childNodes[g+1].appendChild(elem); } } tbody.append(newtr); } return table; }34:T5e7,vegefruits = [ {img: 'https://uxwing.com/wp-content/themes/uxwing/download/05-fruits-vegetables/cabbage.png', name:'cabbage', color: 'green', vegetable:true, fruit:false}, {img: 'https://uxwing.com/wp-content/themes/uxwing/download/05-fruits-vegetables/carrot.png', name:'carrot', color: 'orange', vegetable:true, fruit:false}, {img: 'https://uxwing.com/wp-content/themes/uxwing/download/05-fruits-vegetables/potato.png', name:'potato', color: 'yellow', vegetable:true, fruit:false}, {img:'', name:'broccoli', color: 'green', vegetable:true, fruit:false}, {img:'https://uxwing.com/wp-content/themes/uxwing/download/05-fruits-vegetables/corn.png', name:'corn', color: 'yellow', vegetable:true, fruit:true}, {img:'', name:'paprika', color: 'red', vegetable:true, fruit:true}, {img:'', name:'pea', color: 'green', vegetable:true, fruit:true}, {img:'https://uxwing.com/wp-content/themes/uxwing/download/05-fruits-vegetables/eggplant.png', name:'eggplant', color: 'violet', vegetable:false, fruit:true}, {img:'https://uxwing.com/wp-content/themes/uxwing/download/05-fruits-vegetables/pineapple-fruit.png', name:'pineapple', color: 'yellow', vegetable:false, fruit:true}, {img:'https://uxwing.com/wp-content/themes/uxwing/download/05-fruits-vegetables/strawberry-fruit.png', name:'strawberry', color: 'red', vegetable:false, fruit:true}, {img:'https://uxwing.com/wp-content/themes/uxwing/download/05-fruits-vegetables/fresh-apple.png', name:'apple', color: 'red', vegetable:false, fruit:true} ];35:[] 31:{"id":"99f1d325e3a5c9cb","slug":"venn-dialist","title":"Venn Dialist","thumbnail":"9609b8a77cf1b767421c62391edeb848c3818e9ccd4e33804bd947f6ed82780c","access_level":"public","create_time":"$D2021-07-30T16:37:07.461Z","update_time":"$D2021-08-03T01:53:29.893Z","view_time":null,"first_public_time":"$D2021-08-02T07:04:06.911Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"50faa4da52a9ff9b","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":"starter_2024"},"version":301,"publish_version":301,"role":null,"authored":false,"authors":[{"type":"individual","id":"4e2fc41e06361cc3","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":null}],"members":[{"type":"individual","id":"4e2fc41e06361cc3","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Venn Dialist","cells":[{"id":0,"value":"md`# Venn Dialist\n\nVenn dialist is a variation of Venn Diagram extending one dimension long\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"venn_dialist(\n vegefruits,\n ['vegetable', 'fruit'],\n [['vegetable'], ['vegetable', 'fruit'], ['fruit']],\n {\n image_width: 50,\n image_height: 50\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":293,"value":"venn_dialist(\n vegefruits,\n ['vegetable', 'fruit'],\n [['vegetable'], ['vegetable', 'fruit'], ['fruit']],\n {\n image_width: 50,\n image_height: 50,\n column_colors: [\"#d7191c7f\",\"#fdae617f\",\"#ffffbf7f\",\"#a6d96a7f\",\"#1a96417f\"]\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"venn_dialist(\n vegefruits,\n ['vegetable', 'fruit'],\n [['vegetable'], ['vegetable', 'fruit'], ['fruit']],\n {\n image_width: 200,\n image_height: 200,\n max_width: 'initial'\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"venn_dialist(\n vegefruits,\n ['vegetable', 'fruit'],\n [['vegetable'], ['vegetable', 'fruit'], ['fruit']],\n {\n row_prop_key:'color'\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":282,"value":"venn_dialist(\n vegefruits,\n ['vegetable', 'fruit'],\n [['vegetable'], ['vegetable', 'fruit'], ['fruit']],\n {\n image_width: 180,\n image_height: 180,\n row_prop_key: 'color',\n max_width: 'initial'\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":255,"value":"md`---\n# Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":263,"value":"md`All the images are from [uxwing](https://uxwing.com)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"