2d:null 2e:["$","title",null,{"children":"Concordance & Others | John C | Observable"}] 33:[] 31:{"id":"99b6211e29a33869","slug":"sm3809-concordance-others","title":"Concordance & Others","thumbnail":"5b30b6c40a1b0c80b322e9df0c9cc171aa7d87a24cfa95299b18bbfbc99afc1a","access_level":"public","create_time":"$D2021-02-25T08:06:53.206Z","update_time":"$D2021-10-20T17:11:16.630Z","view_time":null,"first_public_time":"$D2021-02-25T08:07:25.146Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"b2e9840be7b1b607","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":"starter_2024"},"version":218,"publish_version":218,"role":null,"authored":false,"authors":[{"type":"individual","id":"e8e99acdbe3aebfb","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":null}],"members":[{"type":"individual","id":"e8e99acdbe3aebfb","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Concordance & Others","cells":[{"id":0,"value":"html`

Concordance & Others

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"This note book shows how to build concordance maps with RiTa.js on Observable.","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":213,"value":"We first use the RiTa.tokenize() function to cut our text into words, then loop over all the words in the text to get the results.","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"function getWords(text, n, ignorePuct = true, ignoreStopW = true) {\n let textArr = RiTa.tokenize(text);\n let conc = {};\n textArr.forEach(w => {\n if (!ignorePuct || (ignorePuct&&!RiTa.isPunct(w))){\n if (!ignoreStopW || (ignoreStopW&&!RiTa.STOP_WORDS.includes(w.toLowerCase()))){\n if (!conc.hasOwnProperty(w)) {\n conc[w] = 1;\n } else {\n conc[w] ++;\n }\n }\n }\n });\n let toSort = [];\n for (let word in conc) {\n toSort.push([word,conc[word]]);\n }\n toSort.sort((a,b) => {return b[1] - a[1];}); // max ----> min\n let result = [];\n for (let i = 0; i < Math.min(n, toSort.length); i++) {\n let w = toSort[i][0];\n let p = toSort[i][1]/textArr.length;\n result.push({word: w, value: p});\n }\n return result;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"value":"viewof n = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"WordsFromText1 = getWords(text1, n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"WordsFromText2 = getWords(text2, n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"chart1 = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n svg.append(\"g\")\n .attr(\"fill\", \"black\")\n .selectAll(\"rect\")\n .data(WordsFromText1)\n .join(\"rect\")\n .attr(\"x\", (d, i) => x1(i))\n .attr(\"y\", d => y1(d.value))\n .attr(\"height\", d => y1(0) - y1(d.value))\n .attr(\"width\", x1.bandwidth());\n\n svg.append(\"g\")\n .call(xAxis1);\n\n svg.append(\"g\")\n .call(yAxis1);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"chart2 = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n svg.append(\"g\")\n .attr(\"fill\", \"black\")\n .selectAll(\"rect\")\n .data(WordsFromText2)\n .join(\"rect\")\n .attr(\"x\", (d, i) => x2(i))\n .attr(\"y\", d => y2(d.value))\n .attr(\"height\", d => y2(0) - y2(d.value))\n .attr(\"width\", x2.bandwidth());\n\n svg.append(\"g\")\n .call(xAxis2);\n\n svg.append(\"g\")\n .call(yAxis2);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"html`------------------------line----------------------------------------`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"html`\n