2d:null 2e:["$","title",null,{"children":"TMA Word Cloud Experimentation | katho | Observable"}] 33:T46b,function createCustomWordCloud(words) { var layout = d3cloud() .size([width, width * 9/16]) .words(words) .padding(cloudConfig.padding * cloudScale) .rotate(rotateWord) .font(baseFont) .fontSize(fontSize) .on('word', addWord); const svg = DOM.svg(layout.size()[0], layout.size()[1]); // width, height const group = d3.select(svg).append('g'); //.attr("transform", "translate(" + layout.size()[0] / 2 + "," + layout.size()[1] / 2 + ")") //d3.select(svg).style("background", "#333"); function addWord (word) { const text = group.append('text'); text.style('font-size', '2px') .style('font-family', word.font) .style('fill', customWordColors(Math.random())) .style('cursor', 'pointer') .attr('text-anchor', 'middle') .attr('transform', `translate(${[word.x, word.y]})rotate(${word.rotate})`) .text(word.text) //.transition() //.duration(1500) //.ease(d3.easeLinear) .style('font-size', `${word.size}px`); text.append('title').text(`${word.text} (${word.count})`); // toolitp } layout.start(); return svg; }34:[] 31:{"id":"6bc029d07b77a10e","slug":"tma-word-cloud-experimentation","title":"TMA Word Cloud Experimentation","thumbnail":"a56668e9b527736ae1ddd97a2420a17953d30c34d26a7ecbe41379ef71937123","access_level":"public","create_time":"$D2020-11-21T03:26:05.791Z","update_time":"$D2020-12-10T01:45:47.175Z","view_time":null,"first_public_time":"$D2020-11-21T19:49:38.816Z","has_unpublished_edits":null,"fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"2af8c9116115837f","login":"katho","name":"","avatar_url":"https://avatars-next.observableusercontent.com/923b127d6c8235a3e600f24af6f53c306a7dc34d42ae80c071db72770e6b0c40","tier":"starter_2024"},"version":520,"publish_version":520,"role":null,"authored":false,"authors":[{"type":"individual","id":"2247c34bd87165c7","login":"katho","name":"","avatar_url":"https://avatars-next.observableusercontent.com/923b127d6c8235a3e600f24af6f53c306a7dc34d42ae80c071db72770e6b0c40","tier":null}],"members":[{"type":"individual","id":"2247c34bd87165c7","login":"katho","name":"","avatar_url":"https://avatars-next.observableusercontent.com/923b127d6c8235a3e600f24af6f53c306a7dc34d42ae80c071db72770e6b0c40","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"19d823d7e176f790","slug":"tma-experiments","title":"TMA Experiments","owner":{"id":"2af8c9116115837f","login":"katho","name":""}},"type":"notebook","body":{"title":"TMA Word Cloud Experimentation","cells":[{"id":0,"value":"md`# TMA Word Cloud Experimentation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"viewof wordCloud = createCustomWordCloud(words)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":306,"value":"viewof epi = html`${makeSelectofEps()}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"viewof brackets = checkbox({\n options: [\n { value: true, label: \"Include text of sound effect descriptions, displayed in [] in the transcripts\"},\n ],\n value: []\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"md`## Text Processing to Create Wordlist\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"words = toWords(nounsInfo)\n .concat(toWords(verbsInfo))\n .concat(toWords(adverbsInfo))\n .concat(toWords(adjectivesInfo))\n .filter( \n function(e) {\n return this.indexOf(e.text) < 0;\n },\n stopwords\n )\n .sort((a,b) => b.sortby - a.sortby).slice(0,200)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":190,"value":"epindex = parseInt(epi) // whatever episode you want to word crowd. 3 is Angler Fish","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":299,"value":"sortby = \"freq\" // change to freq or count","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":437,"value":"doc = nlp((brackets == \"true\") ?\n returnSpecificText(md`${episodes[epindex][\"content\"]}`, \"spoken\") :\n removeBracketedText(returnSpecificText(md`${episodes[epindex][\"content\"]}`, \"spoken\"))\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"normalizedDoc = nlp(removeBracketedText(returnSpecificText(md`${episodes[epindex][\"content\"]}`, \"spoken\"))).normalize({\n whitespace: true, // remove hyphens, newlines, and force one space between words\n punctuation: true, // remove commas, semicolons - but keep sentence-ending punctuation\n case: true, // keep only first-word, and 'entity' titlecasing\n numbers: true, // 'one' → '1'\n plurals: true, // 'eyes' → 'eye' \n verbs: true, // 'swtiched' → 'switch'\n})\n//removeMd(episodes[epindex][\"content\"])\n//returnSpecificText(md`${episodes[epindex][\"content\"]}`, \"spoken\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":205,"value":"adjectives = doc.adjectives().data()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"adjectivesInfo = doc.adjectives().out('topk')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"adverbs = doc.adverbs().data()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"adverbsInfo = doc.adverbs().out('topk')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"nouns = doc.nouns().out('array')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"nounsInfo = normalizedDoc.nouns().out('topk')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"verbs = doc.verbs().out('array')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"verbsInfo = normalizedDoc.verbs().out('topk')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"//sentences = doc.sentences().data()\n//terms = doc.terms().data()\n//ngrams = doc.ngrams().data()\n//contractions = doc.contractions().data()\n//tags = doc.out('tags')\n//uniqueTags = getUniqueTags(tags)\n//adjectiveList = toShortList(printList(adjectivesInfo))\n//adverbList = toShortList(printList(adverbsInfo))\n//nounList = toShortList(printList(nounsInfo))\n//verbList = toShortList(printList(verbsInfo))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"md`## Wordcloud Formatting`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"mutable cloudScale = 1","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"customWordColors = d3.scaleSequential(d3.interpolateRgb(\"DarkGreen \", \"Chartreuse\"))\n//{colors: [\"red\", \"blue\"]}, {colors: [\"white\", \"black\"]}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"fontFamilies = ['Inconsolata']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"baseFont = function (d) {\n return fontFamilies[~~(Math.random() * fontFamilies.length)]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":287,"value":"cloudConfig = ({\n minFontSize: 10,\n maxFontSize: 80,\n height: width/2,\n padding: 0,\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"fontSize = {\n let totalArea = 0;\n let minSize = frequencyToSize(words[words.length-1].freq);\n let maxSize = frequencyToSize(words[0].freq);\n for (let w of words) {\n let size = frequencyToSize(w.freq);\n let fontSize = cloudConfig.minFontSize + \n (cloudConfig.maxFontSize - cloudConfig.minFontSize) * ((size-minSize) / (maxSize-minSize));\n totalArea += (w.text.length * 0.6 + cloudConfig.padding * 2) * fontSize * (fontSize + cloudConfig.padding * 2);\n }\n let s = Math.sqrt(width * cloudConfig.height/totalArea);\n mutable cloudScale = s;\n return function (w) {\n return s * (cloudConfig.minFontSize + \n (cloudConfig.maxFontSize - cloudConfig.minFontSize) * ((frequencyToSize(w.freq) - minSize) / (maxSize - minSize))\n );\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":290,"value":"frequencyToSize = function (frequency) {\n return Math.sqrt(frequency);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"styles = html `\n\n

Fonts added: Roboto, Goldman, Corben, Inconsolata

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":515,"value":"/*\nspinner = {\n var opts = {\n lines: 13, // The number of lines to draw\n length: 38, // The length of each line\n width: 17, // The line thickness\n radius: 45, // The radius of the inner circle\n scale: 1, // Scales overall size of the spinner\n corners: 1, // Corner roundness (0..1)\n speed: 1, // Rounds per second\n rotate: 0, // The rotation offset\n animation: 'spinner-line-fade-quick', // The CSS animation name for the lines\n direction: 1, // 1: clockwise, -1: counterclockwise\n color: '#ffffff', // CSS color or array of colors\n fadeColor: 'transparent', // CSS color or array of colors\n top: '50%', // Top position relative to parent\n left: '50%', // Left position relative to parent\n shadow: '0 0 1px transparent', // Box-shadow for the lines\n zIndex: 2000000000, // The z-index (defaults to 2e9)\n className: 'spinner', // The CSS class to assign to the spinner\n position: 'absolute', // Element positioning\n };\n new spin.Spinner(opts).spin(wordCloud);\n}\n*/","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":506,"value":"md`# Imports &c`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"import {\n //wordColors, \n //cloudConfig, \n //cloudScale, \n rotateWord, \n //fontFamilies, \n //baseFont, \n //frequencyToSize, \n //fontSize, \n d3, printList, printHtml, nlp, createWordCloudSvg, downloadWordCloudSvg, toWords, tagLegends, tagTypes, tagColors, createTagTreeSvg, downloadTagTreeSvg, getUniqueTags, createTagTree, d3cloud, nlpStyles, toShortList, stopwords, episodes, returnSpecificText, regexforStageDirections, removeBracketedText,\n removeMd,\n spin,\n} from \n'1b32af67e1e47043'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":342,"value":"function makeSelectofEps(){\n var item = Math.floor((Math.random() * episodes.length));\n console.log(item);\n var html = \"\";\n return html;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":476,"value":"import {checkbox} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"