31:T87e,{ let view = html`

${view}

`; d3.select(view) .call(svg => svg .selectAll("g") .data(dataZip) .join("g") .call(g => g .append('circle') .attr("cx", (d, i) => 20 * (i % 19)) .attr("cy", (d, i) => 20 * Math.floor(i / 19)) .attr("r", 8) .attr('fill', d => (comparison === 'weak' ? d[0][0] == d[0][1] : d[0][0] === d[0][1]) ? 'green' : 'red' ) .attr('stroke', 'black') ) .style( 'title', d => `${d[0][0]}${comparison === 'weak' ? '==' : '==='}${d[0][1]}` ) .call(g => g .append('text') .attr("x", (d, i) => 20 * (i % 19)) .attr("y", (d, i) => 20 * Math.floor(i / 19)) .text(d => (d[0][0] == d[0][1] ? 'T' : 'F')) .attr('dominant-baseline', 'middle') .attr('text-anchor', 'middle') .attr('font-size', 13) .attr('fill', 'white') ) ) .call(svg => svg .selectAll('.left-type-label') .data(labels) .join('text') .attr('class', 'left-type-label') .attr('x', -15) .attr('y', (d, i) => 20 * i) .attr('dy', '0.31em') .attr('font-size', 12) .attr('text-anchor', 'end') .text(d => d) ) .call(svg => svg .selectAll('.top-type-label') .data(labels) .join('text') .attr('class', 'top-type-label') .attr('font-size', 12) .attr('dx', (d, i) => 20 * i) .attr('dy', () => -15) .attr('text-anchor', 'end') .style('writing-mode', "tb") // .style('glyph-orientation-vertical', '180') .text(d => d) ) .node(); }32:[] 2f:{"title":"JS Equality - Adjacency Matrix","cells":[{"id":0,"value":"md`# JS Equality - Adjacency Matrix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":247,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":217,"value":"mutable comparison = \"strict\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":194,"value":"{\n let comparisonType = html`

\n\n

`;\n\n yield comparisonType;\n\n d3.select('.strict').on('click', function() {\n mutable comparison = \"strict\";\n });\n d3.select('.weak').on('click', function() {\n mutable comparison = \"weak\";\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":122,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"types = [\n true, false, //Booleans\n 1, 0, -1, Infinity, //Numbers\n null, undefined, NaN, \"1\", \"0\", \"-1\", \"\", //Strings\n [], [1], [0], //Arrays\n {}, { x: 1 }, { x: 0 } //objects\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":126,"value":"labels = [\n \"true\", \"false\", //Booleans\n \"1\", \"0\", \"-1\", \"Infinity\", //Numbers\n \"null\", \"undefined\", \"NaN\", \"\\\"1\\\"\", \"\\\"0\\\"\", \"\\\"-1\\\"\", \"\\\"\\\"\", //Strings\n \"[]\", \"[1]\", \"[0]\", //Arrays\n \"{}\", \"{x:1}\", \"{x:0}\" //objects\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":124,"value":"dataZip = d3.zip(d3.cross(types, types), d3.cross(labels, labels))","pinned":true,"hidden":false,"mode":"ojs"},{"id":116,"value":"false == 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":157,"value":"arrayToObject(Object.values(comparisonGraph[0])[0])","pinned":true,"hidden":false,"mode":"ojs"},{"id":154,"value":"arrayToObject = array =>\n array.reduce((obj, item, i) => {\n obj[labels[i]] = Object.values(item)[0];\n return obj;\n }, {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":149,"value":"comparisonGraph = labels.map(each => {\n let column = each;\n let retObj = {};\n retObj[column] = labels.map(x => {\n let weakComparison = x == each;\n let obj = {};\n obj[x] = weakComparison;\n return obj;\n });\n return retObj;\n})\n// .reduce((acc,it)=>{\n// if (acc !== true) {\n// acc = {...it};\n// } else {\n// acc[Object.keys(it)[0]] = Object.values(it)[0]\n// }\n// return acc;\n// },{})","pinned":true,"hidden":false,"mode":"ojs"},{"id":49,"value":"true === true","pinned":true,"hidden":false,"mode":"ojs"},{"id":138,"value":"x = ({ x: 1 })","pinned":true,"hidden":false,"mode":"ojs"},{"id":73,"value":"Object.is({ x: 1 }, { x: 1 })","pinned":true,"hidden":false,"mode":"ojs"},{"id":68,"value":"undefined === undefined","pinned":true,"hidden":false,"mode":"ojs"},{"id":59,"value":"({} == null)","pinned":true,"hidden":false,"mode":"ojs"},{"id":51,"value":"\"1\" === 1","pinned":true,"hidden":false,"mode":"ojs"},{"id":23,"value":"values_cross = d3.cross(labels, labels)","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"values_cross.map(x=>x[0]===x[1])","pinned":true,"hidden":false,"mode":"ojs"},{"id":87,"value":"values_cross.map(x => x[0] == x[1])","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"d3=require('d3')","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}