32:T537,emojiMatrix = { // initialize the matrix var M = []; for(var rr=0; rr'\n }\n \n const p = md`${str}`;\n p.style.lineHeight = mylineheight;\n return p;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":516,"value":"viewof mylineheight = slider({\n min: 0.5, \n max: 2.25, \n step: 0.05, \n value: 1.25, \n title: \"Compress the Line Spacing\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":264,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":454,"value":"md`thanks, and enjoy!\nif you make something fun - please [@ me on twitter](https://twitter.com/MattDzugan) - I wanna see it!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":415,"value":"md`# ok onto my supporting code now...`","pinned":false,"hidden":false,"mode":"ojs"},{"id":166,"value":"md`### Mock One At a Time (this was useful for debugging)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":157,"value":"viewof R_ = slider({\n min: 0, \n max: numRows-1, \n step: 1, \n value: 0, \n title: \"Pick a Grid-Row from our Source Image\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":163,"value":"viewof C_ = slider({\n min: 0, \n max: numCols-1, \n step: 1, \n value: 0, \n title: \"Pick a Grid-Column from our Source Image\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":400,"value":"viewof E_ = slider({\n min: 0, \n max: emojis.length-1, \n step: 1, \n value: 0, \n title: \"Pick a Random Emoji\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":412,"value":"PlotImageData(cell_image_match, matchRes, matchRes)","pinned":false,"hidden":false,"mode":"ojs"},{"id":290,"value":"PlotImageData(emoji_image_match, matchRes, matchRes)","pinned":false,"hidden":false,"mode":"ojs"},{"id":405,"value":"md`Here's the Distance (in L\\\\*a\\\\*b space) Between those two images`","pinned":false,"hidden":false,"mode":"ojs"},{"id":235,"value":"imageMatchDistance(cell_image_match, emoji_image_match, matchRes, 1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":171,"value":"matchRes = 20","pinned":false,"hidden":false,"mode":"ojs"},{"id":239,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":247,"value":"function CreateEmojiMatch(emoji){\n let fontSize = matchRes;\n let canvas = d3\n .create(\"canvas\")\n .attr(\"width\", matchRes)\n .attr(\"height\", matchRes)\n .node();\n\n let ctx = canvas.getContext(\"2d\");\n\n ctx.fillStyle = \"#fff\";\n ctx.fillRect(0, 0, matchRes, matchRes);\n ctx.fillStyle = \"#000\";\n ctx.font = `${fontSize}px sans-serif`;\n ctx.fillText(emoji, 0, 0.88*fontSize);\n //return canvas;\n \n var {data: rgba} = ctx.getImageData(0, 0, matchRes, matchRes);\n return(rgba)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":255,"value":"emoji_image_match = CreateEmojiMatch(emojis[E_])","pinned":false,"hidden":false,"mode":"ojs"},{"id":242,"value":"cell_image_match = CreateCellImageMatch(R_, C_)","pinned":false,"hidden":false,"mode":"ojs"},{"id":427,"value":"md`### Compute Device Metrics\nthese are probably not exact - but close enough to be useful`","pinned":false,"hidden":false,"mode":"ojs"},{"id":430,"value":"t_m_w = (numCols<=13) ? \"✅\" : \"❌\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":433,"value":"t__c = (numCols*numRows<(280/2.25)) ? \"✅\" : \"❌\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":436,"value":"t_d_w = (numCols<20) ? \"✅\" : \"❌\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":440,"value":"s_m_w = (numCols<13) ? \"✅\" : \"❌\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":447,"value":"s__c = (numCols*numRows<580) ? \"✅\" : \"❌\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":443,"value":"s_d_w = (numCols<40) ? \"✅\" : \"❌\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":168,"value":"md`## Boring Stuff`","pinned":false,"hidden":false,"mode":"ojs"},{"id":98,"value":"s = Math.floor(raw_input_image.width/numCols);","pinned":false,"hidden":false,"mode":"ojs"},{"id":114,"value":"numRows = Math.floor(raw_input_image.height/s);","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"croppedImageRows = numRows*s","pinned":false,"hidden":false,"mode":"ojs"},{"id":142,"value":"croppedImageCols = numCols*s","pinned":false,"hidden":false,"mode":"ojs"},{"id":216,"value":"function imageMatchDistance(cell, emoji, res, by){\n var allDists = [];\n for (var rr=0; rr {\n const image = new Image;\n image.crossOrigin = \"anonymous\";\n image.src = src;\n image.onload = () => resolve(image);\n image.onerror = reject;\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":423,"value":"md`Precalculating this👇 has _REALLY_ sped up this notebook`","pinned":false,"hidden":false,"mode":"ojs"},{"id":328,"value":"emoji_match_array = {\n var a = [];\n for (var ii=0; ii