${d => d.elements.length}

2f:T7f9,{ const ASPECT = sets.length/subsets.length const WIDTH = 400 const LABEL_WIDTH = 40 const BARS_HEIGHT = 200 const x = d3.scalePoint() .domain(subsets.map(d => d.label)) .range([0, WIDTH]) .padding(0.5) const y = d3.scalePoint() .domain(sets.map(d => d.label)) .range([0, WIDTH*ASPECT]) .padding(0.5) const z = d3.scaleLinear() .domain([0, d3.max(subsets, d => d.elements.length)]) .range([0, BARS_HEIGHT]) const radius = x.step()*0.35 return html` ` }30:T630,{ const leftMargin = 20 const thickness = 5 const wideness = 600 let size = (d) => d.elements.length*12 let setBoxes = Stack({width: thickness, padding: 6, data: sets, size}) let subsetBoxes = Stack({width: thickness, padding: 6, data: subsets, size}) let setBoxesIndex = {} setBoxes.boxes.forEach(box => setBoxesIndex[box.d.label] = box) let setToSubsets = {} sets.forEach(set => setToSubsets[set.label] = []) subsets.forEach(subset => subset.sets.forEach(set => setToSubsets[set].push(subset))) let setStacks = {} sets.forEach(set => { let stack = Stack({width: thickness/2, padding:0, data: setToSubsets[set.label], size}) setStacks[set.label] = {} stack.boxes.forEach(box => setStacks[set.label][box.d.label] = box) }) return svg`` }31:[] 2d:{"title":"UpSet","cells":[{"id":0,"value":"md`# UpSet`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"mat = d =>\n d3.dsvFormat(' ')\n .parseRows(String(d).trim())\n .map(r => r.map(c => isNaN(c) ? c : +c)) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":155,"value":"table = d3.csvParse(`\"istituto_id\",\"istituto_sigla\",\"aree_progettuali\"\n\"1\",\"IIT\",\"8,13,1,20,22,17,2,19,9\"\n\"2\",\"ISTI\",\"20,2,10,18,13,19,1,17,8,15,22,7,4\"\n\"6\",\"INSEAN\",\"15,10,22,6\"\n\"28\",\"IFP\",\"5,7,21,6\"\n\"29\",\"IGI\",\"21,1\"\n\"31\",\"IRC\",\"5,6,9,13,15\"\n\"32\",\"ITAE\",\"6,13,12,5,15,10\"\n\"33\",\"IM\",\"6,13,22,5,15\"\n\"80\",\"IFAC\",\"18,10,9,19,7,17,3,11,5\"\n\"84\",\"IMEM\",\"10,5,7,6,17,4,19\"\n\"85\",\"ISSIA\",\"19,15,4,17,20,9,10,13,8,3,11,6,12,18\"\n\"86\",\"IMAMOTER\",\"8,5,11\"\n\"87\",\"ITIA\",\"4,17,10,3,1\"\n\"88\",\"ITC\",\"12,18,1,17,5,6,11\"\n\"89\",\"IDASC\",\"19,11,18,15,7,13,5\"\n\"90\",\"IREA\",\"10,13,11,19,7,9,4,18,15,17,2\"\n\"91\",\"IEIIT\",\"17,18,22,20,10,1,4,11,19,7,9,8,13,5,3\"\n\"92\",\"ICAR\",\"1,9,20,15,22,8,13,17,18,3\"\n\"93\",\"IAC\",\"13,22,1,17,18,5,9,10,8,20\"\n\"94\",\"IASI\",\"9,3,4,8,1,13,22,10,18,17\"\n\"95\",\"IMATI\",\"1,18,22,4,9,19,17,5,2,8,11\"`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":159,"value":"dataz = {\n let data = []\n data.push(['-'].concat(aps.map(d => d.id)))\n \n table.forEach(r => {\n let index = {}\n r.aree_progettuali.split(',').forEach(d => index[d] = true)\n data.push([r.istituto_sigla].concat(aps.map(d => index[d.id] ? 1 : 0)))\n })\n \n return data\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":162,"value":"aps = d3.csvParse(`\"id\",\"title\"\n\"7\",\"Dispositivi e Sistemi ICT\"\n\"8\",\"Internet del futuro\"\n\"1\",\"Dati, Contenuti e Media\"\n\"2\",\"e-Infrastructure\"\n\"20\",\"CyberSecurity\"\n\"3\",\"Robotica e Automatica\"\n\"4\",\"Fabbrica del Futuro\"\n\"17\",\"Healthcare and Well-Being\"\n\"9\",\"Biotecnologie\"\n\"5\",\"Nanotecnologie e materiali avanzati\"\n\"18\",\"Tecnologie per la Fruizione e Salvaguardia dei Beni Culturali\"\n\"10\",\"Tecnologie per l'Aerospazio e l'Osservazione della Terra\"\n\"19\",\"Sicurezza della Società\"\n\"11\",\"Tecnologie per l'Agricoltura Sostenibile e la Sicurezza del Cibo\"\n\"12\",\"Costruzioni sostenibili\"\n\"13\",\"Smart City\"\n\"6\",\"Tecnologie energetiche a basse emissioni\"\n\"14\",\"Veicoli a basso impatto ambientale\"\n\"15\",\"Tecnologie Marittime\"\n\"21\",\"Fusione Termonucleare\"\n\"22\",\"Matematica Applicata\"`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"data = mat`\n- X Y Z\na 0 0 1\nb 1 0 1\nc 1 1 1\nd 1 0 0\ne 1 0 0\nf 0 0 1\ng 1 1 0\nh 0 1 1\ni 1 1 1\nj 1 1 1\nk 1 0 1\nl 1 0 1\nm 1 0 0\nn 1 0 0\no 0 0 1\np 0 0 1\nq 1 0 0\nr 0 1 0\ns 0 1 0\nt 0 1 0\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":62,"value":"elements = data.slice(1).map(r => r[0])","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"sets = {\n let sets = data[0].slice(1).map(label => ({label, elements: []}))\n data.slice(1).forEach(r => {\n let elem = r[0]\n r.slice(1).forEach((c, i) => {\n if(c == 1) {\n sets[i].elements.push(elem)\n }\n })\n })\n return sets\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"md`There are ${elements.length} elements (${elements.join(', ')}) grouped in ${sets.length} sets: ${sets.map(s => `**${s.label}**`).join(', ')}:\n${sets.map(s => `- **${s.label}** contains the elements ` + s.elements.join(', ') + '.\\n').join('')}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"subsets = {\n const set_labels = data[0].slice(1)\n let index = {}\n data.slice(1).forEach(r => {\n const elem = r[0]\n const combination = r.slice(1)\n .map((d, i) => ({bool: d, index: i}))\n .filter(d => d.bool)\n .map(d => set_labels[d.index])\n .join('∩')\n if(combination in index) {\n index[combination].push(elem)\n }\n else {\n index[combination] = [elem]\n }\n })\n \n let subsets = Object.keys(index).map(k => ({label: k, sets: k.split('∩'), elements: index[k]}))\n subsets.sort((a, b) => b.elements.length - a.elements.length)\n \n return subsets\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":184,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":259,"value":"setColor = d3.scaleOrdinal(d3.schemeDark2)","pinned":true,"hidden":false,"mode":"ojs"},{"id":195,"value":"Stack = ({width, padding, data, size} = {}) => {\n let boxes = []\n let h = 0\n data.forEach( d => {\n let boxH = size(d)\n boxes.push({begin: h, end: h+boxH, width: width, height: boxH, d: d})\n h += boxH + padding\n })\n \n return {\n data,\n boxes,\n width,\n height: h - padding\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":78,"value":"x = d3.scalePoint()\n .domain(subsets.map(d => d.label))\n .range([0, subsets.length*20])","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"x('Z')","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"md`## Dependencies`","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"import {$each} from '@nitaku/sugar-strings'","pinned":false,"hidden":false,"mode":"ojs"},{"id":218,"value":"import { Band } from '@nitaku/bands'","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}