31:T1735,monster = ``32:T15b0,monster2 = ``33:[] 2f:{"title":"Vegalite Isotype attempt","cells":[{"id":0,"value":"md`# Vegalite Isotype attempt`","pinned":true,"hidden":false,"mode":"ojs"},{"id":2,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"html`${monster}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"import {vl} from '@vega/vega-lite-api'","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"{\n const data = [\n {x:1, type:'a'},\n {x:2, type:'a'},\n {x:1, type:'b'},\n {x:2, type:'b'},\n {x:3, type:'b'},\n\n ]\n \n const chart = vl.markPoint()\n .data(data)\n .encode(\n vl.x().fieldO('x'),\n vl.y().fieldN('type'),\n vl.shape().fieldN('type').scale({domain: ['a', 'b'], range: [monster, monster2]}),\n vl.size().value(1.8)\n )\n\n \n return chart.height(100).render()\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":70,"value":"md `### no vegalite`","pinned":true,"hidden":false,"mode":"ojs"},{"id":71,"value":"{ \n const data = [\n {x:1, type:'a'},\n {x:2, type:'a'},\n {x:1, type:'b'},\n {x:2, type:'b'},\n {x:3, type:'b'},\n ]\n \n const div = document.createElement(\"div\")\n const a = document.createElement(\"div\")\n const b = document.createElement(\"div\")\n div.appendChild(a)\n div.appendChild(b) \n a.appendChild(html`Type a: `)\n b.appendChild(html`Type b: `)\n \n\n // create a mark for each element in the appropriate row.\n data.forEach(function(x) {\n if (x.type === 'a') a.appendChild(html`${monster}`)\n if (x.type === 'b') b.appendChild(html`${monster2}`)\n\n })\n\n \n \n return div\n\n }","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}