2d:null 2e:["$","title",null,{"children":"Humans and Monsters in The Magnus Archives | katho | Observable"}] 33:T400,md`# Humans and Monsters in *The Magnus Archives* *Note: This is written by [Kath](https://phenomenice.tumblr.com/). It's written in the first person as a narrative look at the way specific words are used in the show. It includes data from up to episode 196.* One of my favourite themes of *The Magnus Archives* is that of humans and monsters — in that, in the show, it's seemed to me like those aren't clear distinctions. After he dies, Jon might not be strictly "human", and when he feeds on hapless members of the public Basira calls him out for it. But I think he behaves in a much more "human" way than Gertrude did. He also has plenty of conversations about being a monster with characters like Helen and Michael. So, when and how are the words "human" and "monster" used in *The Magnus Arvchives*? Let's take a look. Firstly, let's just compare them. How many times do they talk about monsters and humans? How many are in statements vs conversation? ## "Human" vs "Monster — in or out of statements `34:T9e3,md`In Season 1, "human" is mentioned a lot more than "monster". Monsters only come up outside of statements when Sasha is talking about her experience with the Distortion in episode 26 — *A Distortion*, and when Melanie is questioning the Magnus Institute's validity as a research institution in episode 28 — *Skintight*. In seasons 2 and 3, mentions of monsters are primarily referring to the various creatures like the Distortion, or asking questions of Leitner and Gerry about them. Uses of the word "human" are beginning to compare the humans in statements with the monsters Jon meets, like Michael or the Alexandrian Archivist from 53 — *Crusader*. He asks Elias if he's still human and gets an equivocal answer, and of course, he has to speak for Mike Crew's humanity. He says no, and Daisy shoots Mike. In hindsight, we know how much of an impact that had on Jon. By seaons 4 and 5, the number of times humans and monsters are mentioned outside of statements are much more similar. In season 4, both words are used very philosphically. Jon is constantly worrying about whether he's human, and so are Daisy, Basira, and Trevor. And, of course, we have Elias's comment to Gertrude about how she "insisted" on staying human. Similarly, uses of the word "monster" are almost all about Jon, what happened to him in the coma, and whether het's a monster. Including Daisy's classic "Boo-hoo, I'm so alone and a monster." In season 5, "human" is used mostly to refer to humanity itself, as now everyone is confined to the fearscapes and Jon has full command of human knowledge. So disucssions are more large-scale and abstract. The use of the word "monster" on the other hand is now very concrete -- refering to Helen, Daisy, the Not!Them, Jon himself, the other avatars, and even Martin. Jon waxes philosphical a bit in 183 — *Monument*, saying to Martin: >Avatar isn't a thing, Martin! It's not-- It's just a word. A word used by... fools like Smirke to try and sort everything into neat little boxes, to reduce the messy spray of human fear into a checklist: Human, avatar, monster, victim. Only now, now there's a binary. There's finally a clear dividing line and, well, I'm sorry you're not happy with which side you've ended up on. When he's explaining who's a watcher and who's watched. But we're also, I think, in a very different place regarding what that means for Jon now than we were even in Season 4. So, can we look at who uses these words most? ## "Human" and "Monster" by character `35:T863,bypersonwsentiment = [ {name: "Jon", Monster: 16, msent: 0.577126504, Human:30, hsent: 0.641464676 }, {name: "Arthur", Monster: 1, msent: 0.285135061, Human: 0, hsent: 0 }, {name: "Basira", Monster: 7, msent: 0.793373019, Human: 0, hsent: 0 }, {name: "Daisy", Monster: 2, msent: 0.564110167, Human: 4, hsent: 0.795014724 }, {name: "Dr. Elliot", Monster: 0, msent: 0, Human: 1, hsent: 0.989406288 }, {name: "Elias", Monster: 1, msent: 0.992780268, Human: 6, hsent: 0.722949039 }, {name: "Georgie", Monster: 1, msent: 0.971773684, Human: 1, hsent: 0.987793922 }, {name: "Gerry", Monster: 0, msent: 0, Human: 2, hsent: 0.496443002 }, {name: "Gertrude", Monster: 0, msent: 0, Human: 2, hsent: 0.000157073 }, {name: "Helen", Monster: 1, msent: 0.999835491, Human: 1, hsent: 0.990950406 }, {name: "Jude", Monster: 1, msent: 0.794449389, Human: 1, hsent: 0.778246105 }, {name: "Julia", Monster: 1, msent: 0.010680001, Human: 1, hsent: 0.839675605 }, {name: "Leitner", Monster: 0, msent: 0, Human: 3, hsent: 0.650024889 }, {name: "Lucia", Monster: 0, msent: 0, Human: 1, hsent: 0.010559188 }, {name: "Martin", Monster: 7, msent: 0.488268338, Human: 6, hsent: 0.638546517 }, {name: "Melanie", Monster: 3, msent: 0.453768877, Human: 1, hsent: 0.504872203 }, {name: "Nikola", Monster: 1, msent: 0.00000603469, Human: 0, hsent: 0 }, {name: "Oliver", Monster: 0, msent: 0, Human: 1, hsent: 0.648631752 }, {name: "Sasha", Monster: 2, msent: 0.987258822, Human: 1, hsent: 0.92846179 }, {name: "Simon", Monster: 1, msent: 0.792227626, Human: 2, hsent: 0.000349604 }, {name: "Tessa", Monster: 0, msent: 0, Human: 2, hsent: 0.498129832 }, {name: "Tim", Monster: 2, msent: 0.504457478, Human: 1, hsent: 0.293960482 }, {name: "Trevor", Monster: 4, msent: 0.272598784, Human: 1, hsent: 0.13140133 } ]36:T5a4,md ` *Image ID: A grouped vertical bar chart of times each character has said "human" and "monster" outside of statements **The Magnus Archives**. They are grouped by character, and each group contains one bar for "Human" (upper, leaf green) and one for "Monster" (lower, seafoam green). * *Jon says "human" 30 times and "monster" 16 times. Martin says "human" and 6 and times "monster" 7 times. Basira says "human" 0 and times"monster" 7 times. Elias says "human" 6 and times"monster" 1 time. Daisy says "human" 4 and times"monster" 2 times. Trevor says "human" 1 and times"monster" 4 times. Melanie says "human" 1 and time"monster" 3 times. Leitner says "human" 3 times and "monster" 0 times. Sasha says "human" 1 time and "monster" 2 times. Simon says "human" 2 times and "monster" 1 time. Tim says "human" 1 time and "monster" 2 times. Georgie says "human" 1 time and "monster" 1 time. Gerry says "human" 2 times and "monster" 0 times. Gertrude says "human" 2 times and "monster" 0 times. Helen says "human" 3 times and "monster" 1 time. Jude says "human" 1 time and "monster" 1 time. Julia says "human" 1 time and "monster" 1 time. Tessa says "human" 2 times and "monster" 0 times. Arthur says "human" 0 times and "monster" 1 time. Dr. Elliot says "human" 1 and time"monster" 0 times. Lucia says "human" 1 time and "monster" 0 times. Nikola says "human" 0 times and "monster" 1 time. Oliver says "human" 1 times and "monster" 0 times.* `37:T566,table(bypersonwsentiment , { sortable: true, style: 'compact', columns: { monster:{ title: `Monster Count` }, msent: { title: 'Average Monster Sentiment', formatter(val, i) { // A formatter that changes its behavior based on the row index, // so we don’t repeat the $ for every row. let mood = (() => { if (val > 1.0) return '🤩'; if (val > 0.9) return '😍'; if (val > 0.8) return '😀'; if (val > 0.6) return '🙂'; if (val > 0.4) return '😐'; if (val > 0.2) return '🙁'; if (val > 0.1) return '😦'; if (val > 0) return '😱'; return ''; })(); return val+" "+mood; } }, hsent: { title: 'Average Human Sentiment', formatter(val, i) { // A formatter that changes its behavior based on the row index, // so we don’t repeat the $ for every row. let mood = (() => { if (val > 1.0) return '🤩'; if (val > 0.9) return '😍'; if (val > 0.8) return '😀'; if (val > 0.6) return '🙂'; if (val > 0.4) return '😐'; if (val > 0.2) return '🙁'; if (val > 0) return '😱'; return ''; })(); return val+" "+mood; } } } })38:Tdd4,md`I do think in some ways the statements may often be hard to do sentiment analysis on. Tim sometimes speaks sarcastically about monsters, so his monster sentiment may be inflated by that. But I do think some of the results make a lot of sense. Helen, who mostly teases Jon, speaks positively about huamns and monsters. Sasha, one of whose monster quotes is "tall, blond and monster" speaks positively about both. Elias is a fan of monsters, not so much of humans — that seems unsurprising. Jon is pretty evenly split, which fits both his position as both, and his complicated feelings throughout the show. To round out this analysis, I'd like to quote some of the statements that stuck out to me when I was looking through these. ## Statements About Monsters >"He murdered two people, Basira. Maybe more. I've done one monster today, no reason not to do another." — Daisy, #91 *The Coming Storm* >"I wanted to help people, you know? When I first joined. Protect people. But then I saw what some of those same people were capable of, and... something changed. I wanted to hurt them, the ones that deserved it, and it... it felt good. It felt righteous. I thought I could feel the line though. I really did. Eventually, though, it was too much... I was going to quit. I couldn't take what I saw myself becoming. But... then I got sectioned, and suddenly... suddenly it turned out there were real monsters out there, and, well, that just made the power feel better. So things kept slipping. But Daisy was always there for me." — Basira, #178 *The Processing Line* I like comparing these two, because of Daisy and Basira's connection and because of the journey that they take as characters, from Basira being convinced in 91 to turning around in 178 and discussing that. Basira thinking about herself as a monster when she was one in a very mundane way. ## Statements about Humans >I -- (sigh) (shaky inhale) Honestly? I don't know. I don't feel... inhuman, or... I want to say I'm the same. But I don't -- really know if that's true. I know I'm different. I feel... more real, somehow. — Jon, #122 *Zombie*. >And of course, for John, there's survivor's guilt in there, too. He thinks he's not human. Makes him very... self-destructive. — Daisy, #142 *Scrutiny* >You were the one so... insistent on staying human. -- Elias, to Gertrude, #158 *Panopticon* I also think these make an interesting set of statements to look at together. First, Jon's own comments about how he feels after the coma. Definitley different. But he doesn't seem to feel differently about other people, and one of my favouirte things about Jon is how much he still cares, even during the apocalypse. Especially when he has friends around to give him some perspective. Friends like Daisy, who, after the Buried, change from wanting to kill Jon, to trying to keep him around even if he *thinks* he's not human. And then, of course, Elias and Gertrude discussing her humanity, which she held onto with an iron grip. Gertrude's approach to her humanity is a fascinating contrast to both Elias's and Jon's. Elias, I think, gave up his physical humanity as well as his compassion. Gertrude kept her physical humanity, but let go of her compassion -- especially for individuals. And Jon gave up his physical humanity, but has clung to compassion like a life-raft. So even if there's a binary between watched and watched, I don't think there's one between human and monster. And I'm not sure those categories are the best ones to use. `39:Td42,buildachart = function(orientation, thisw, thish, thisdata, title, thiskeys, thisgroupkey, thismargin){ console.log(thisw); const svg = d3.select(DOM.svg(thisw, thish)); svg.attr("class", title); //build some of the variables let tx0 = d3.scaleBand() .domain(thisdata.map(d => d[thisgroupkey])) .rangeRound([thismargin.left, thisw - thismargin.right]) .paddingInner(0.1); let ty = d3.scaleLinear() .domain([0, d3.max(thisdata, d => d3.max(thiskeys, key => d[key]))]).nice() .rangeRound([thish - thismargin.bottom, thismargin.top]); let tx1 = d3.scaleBand() .domain(thiskeys) .rangeRound([0, tx0.bandwidth()]) .padding(0.05) let txaxis = g => g .attr("transform", `translate(0,${thish - thismargin.bottom})`) .call(d3.axisBottom(tx0).tickSizeOuter(0)) .call(g => g.select(".domain").remove()) .selectAll("text") .style("text-anchor", "end") .attr("dx", "-.8em") .attr("dy", ".15em") .attr("transform", "rotate(-65)") let tyaxis = g => g .attr("transform", `translate(${thismargin.left},0)`) .call(d3.axisLeft(ty).ticks(null, "s")) .call(g => g.select(".domain").remove()) .call(g => g.select(".tick:last-of-type text").clone() .attr("x", 3) .attr("text-anchor", "start") .attr("font-weight", "bold") .text(thisdata.y) ) let tlegend = svg => { const g = svg .attr("transform", `translate(${thisw},0)`) .attr("text-anchor", "end") .attr("font-family", "sans-serif") .attr("font-size", 10) .selectAll("g") .data(thiskeys) .join("g") .attr("transform", (d, i) => `translate(0,${i * 20})`); g.append("rect") .attr("x", -19) .attr("width", 19) .attr("height", 19) .attr("fill", color); g.append("text") .attr("x", -24) .attr("y", 9.5) .attr("dy", "0.35em") .text(d => d); } let commands = svg => { const g = svg; if(orientation == "horizontal"){ g.attr("x", d => hx(0)) .attr("y", d => py1(d.key)) .attr("height", py1.bandwidth()) .attr("width", d => hx(d.value) - hx(0)) .attr("fill", d => color(d.key)) .attr("class", d=>d.key); }else{ //orientation is vertical //this works yay! g.attr("x", d => tx1(d.key)) // not sure what it's using d.key for .attr("y", d => ty(d.value)) // not sure what it's using d.value for .attr("width", tx1.bandwidth()) .attr("height", d => ty(0) - ty(d.value)) // } } let transformvh = svg =>{ console.log("transforming"); const g = svg; if(orientation == "horizontal"){ g.attr("transform", d => `translate(0,${py0(d[pgroupKey])})`) }else{ //orientation is vertical g.attr("transform", d => `translate(${tx0(d[thisgroupkey])},0)`) } } svg.append("g") .selectAll("g") .data(thisdata) .join("g") .call(transformvh) .selectAll("rect") .data(d => thiskeys.map(key => ({key, value: d[key]}))) //around here need to add an if statement for the h vs v. .join("rect") .call(commands) .attr("fill", d => color(d.key)); svg.append("g") .call(txaxis); svg.append("g") .call(tyaxis); svg.append("g") .call(tlegend); return svg.node(); }3a:Tf97,monsters = { let theseeps = episodes.filter(episode => ((episode.content.includes("monster")) && episode.categories == "episode")) let speechbyspeaker = []; // array for speech by speaker. let str = ""; for (var i = 0; i inputBuffer.set(metadata.word_index[word] + metadata.index_from, 0, i)); const input = inputBuffer.toTensor(); const predictOut = model.predict(input); let positivity = predictOut.dataSync()[0]; //console.log(textforheader); //then do I want to figure out who said it? And maybe if it's archivist? Or I could like count them and make a chart? //console.log(h4text); //could store in an array and count up numbers for each? Not sure... and then I could order it by a thing. OK how can I do that? if(h4text.includes("(OVERLAPPING)")){ let res = h4text.split(" "); console.log(res); h4text = res[0]; } let speakerindex = speechbyspeaker.findIndex(speech=> (speech.speaker == h4text)); console.log(speakerindex); if(speakerindex == -1){ console.log("don't have a speaker yet"); let speaker = { speaker: h4text, speech: [{ep: theseeps[i].episode_number, title:theseeps[i].episode_title, speech: textforheader, num:tnum, sent: positivity}] }; speechbyspeaker.push(speaker); }else{ if(speechbyspeaker[speakerindex]){ speechbyspeaker[speakerindex].speech.push({ep: theseeps[i].episode_number, title:theseeps[i].episode_title, speech: textforheader, num:tnum, sent: positivity}); } } }//end if we're in a belief speech } //end for each h4 //after this I'm probably gonna have to through and see what I want to do about the statement ones. /* var ps = div.getElementsByTagName("p"); //loop through the paragraphs for (var j=0; j ((episode.content.includes("human")) && episode.categories == "episode")) let speechbyspeaker = []; // array for speech by speaker. let str = ""; for (var i = 0; i inputBuffer.set(metadata.word_index[word] + metadata.index_from, 0, i)); const input = inputBuffer.toTensor(); const predictOut = model.predict(input); let positivity = predictOut.dataSync()[0]; //now check how many times. //console.log(textforheader); //then do I want to figure out who said it? And maybe if it's archivist? Or I could like count them and make a chart? //console.log(h4text); //could store in an array and count up numbers for each? Not sure... and then I could order it by a thing. OK how can I do that? let speakerindex = speechbyspeaker.findIndex(speech=> (speech.speaker == h4text)); console.log(speakerindex); if(speakerindex == -1){ //console.log("don't have a speaker yet"); let speaker = { speaker: h4text, speech: [{ep: theseeps[i].episode_number, title:theseeps[i].episode_title, speech: textforheader, num:tnum, sent: positivity}] }; speechbyspeaker.push(speaker); }else{ //would be nice to check for the episode and merge them but I'm not sure it's worth it, do some viz and then see if I want to do that? if(speechbyspeaker[speakerindex]){ speechbyspeaker[speakerindex].speech.push({ep: theseeps[i].episode_number, title:theseeps[i].episode_title, speech: textforheader, num:tnum, sent: positivity}); } } }//end if we're in a belief speech } //end for each h4 //after this I'm probably gonna have to through and see what I want to do about the statement ones. /* var ps = div.getElementsByTagName("p"); //loop through the paragraphs for (var j=0; j ((episode.content.includes("human")) && episode.categories == "episode")) let speechbyspeaker = []; // array for speech by speaker. let str = ""; for (var i = 0; i (speech.speaker == h4text)); console.log(speakerindex); if(speakerindex == -1){ //console.log("don't have a speaker yet"); let speaker = { speaker: h4text, speech: [{ep: theseeps[i].episode_number, title:theseeps[i].episode_title, speech: textforheader, num:tnum}] }; speechbyspeaker.push(speaker); }else{ //would be nice to check for the episode and merge them but I'm not sure it's worth it, do some viz and then see if I want to do that? if(speechbyspeaker[speakerindex]){ speechbyspeaker[speakerindex].speech.push({ep: theseeps[i].episode_number, title:theseeps[i].episode_title, speech: textforheader}); } } }//end if we're in a belief speech } //end for each h4 //after this I'm probably gonna have to through and see what I want to do about the statement ones. /* var ps = div.getElementsByTagName("p"); //loop through the paragraphs for (var j=0; j `translate(${x0(d[groupKey])},0)`)\n .selectAll(\"rect\")\n .data(d => keys.map(key => ({key, value: d[key]})))\n .join(\"rect\")\n .attr(\"x\", d => x1(d.key))\n .attr(\"y\", d => y(d.value))\n .attr(\"width\", x1.bandwidth())\n .attr(\"height\", d => y(0) - y(d.value))\n .attr(\"fill\", d => color(d.key));\n\n svg.append(\"g\")\n .call(xAxis);\n\n svg.append(\"g\")\n .call(yAxis);\n\n svg.append(\"g\")\n .call(legend);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"md `\n*Image ID: A grouped vertical bar chart of how many times the words “human” and “monster” are said in **The Magnus Archives**. They are grouped into bars of statement and non-statement. \"Human\" is said 70 times within statements and 67 times outside of statements, for a total of 137 times. \"Monster\" is said 21 times within statements and 50 times outside of statements, for a total of 71 times.*\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"md `So I do think that's pretty interesting. TMA talks about humans much more frequently than monsters. But most interestingly, for a horror podcast, most of the discussion of monsters is *outside* of the statements. \n\nAnd I think when these words are used outside of the statements, it’s a bit more interesting than when they're used inside. So let's look at those sets now, and see when they get said, since the importance of these words change a lot between seasons 1-5. \n\n## \"Human\" vs. \"Monster\" by Season\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":232,"value":"byseason = [\n {\n season:\"S1\",\n \"Human\": 12,\n \"Monster\": 3\n },\n {\n season:\"S2\",\n \"Human\": 8,\n \"Monster\": 6\n },\n {\n season:\"S3\",\n \"Human\": 14,\n \"Monster\": 13\n },\n {\n season:\"S4\",\n \"Human\": 16,\n \"Monster\": 12\n },\n {\n season:\"S5\",\n \"Human\": 17,\n \"Monster\": 16\n },\n ]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"byseasonchart = {\n const svg2 = d3.select(DOM.svg(hwidth, hheight));\n svg2.attr(\"class\", \"byseasonchart\");\n\n svg2.append(\"g\")\n .selectAll(\"g\")\n .data(byseason)\n .join(\"g\")\n .attr(\"transform\", d => `translate(0,${hy0(d[hgroupkey])})`)\n .selectAll(\"rect\")\n .data(d => hkeys.map(key => ({key, value: d[key]})))\n .join(\"rect\")\n .attr(\"x\", d => hx(0))\n .attr(\"y\", d => hy1(d.key))\n .attr(\"height\", hy1.bandwidth())\n .attr(\"width\", d => hx(d.value) - hx(0))\n .attr(\"fill\", d => color(d.key));\n\n svg2.append(\"g\")\n .call(hxAxis);\n\n svg2.append(\"g\")\n .call(hyAxis);\n\n svg2.append(\"g\")\n .call(hlegend);\n\n return svg2.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"md `\n*Image ID: A grouped horizontal bar chart of times \"human\" and \"monster\" are said outside of statements in the various seasons of **The Magnus Archives**. They are grouped by season, and each group contains one bar for \"Human\" (upper, leaf green) and one for \"Monster\" (lower, seafoam green). *\n\n*In Season 1 (S1), \"human\" is said 12 times and \"monster\" 3 times. In Season 3 (S2), \"human\" is said 8 times and \"monster\" 6 times. In Season 3 (S3), \"human\" is said 14 times and \"monster\" 13 times. In Season 4 (S4) \"human\" is said 16 times and \"monster\" 12 times. In Season 5 (S5), \"human\" is said 17 times and \"monster\" 16 times.*\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":353,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":656,"value":"buildachart(\"vertical\", 943, 500, bysent, \"bysenttest\", [\"Human\", \"Monster\"], \"name\", {top: 30, right: 0, bottom: 70, left: 30})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":551,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":504,"value":"md `So, lots of Jon. And some interesting splits — that Basira talks so much about monsters, and Elias and Gerry talk so much about humans. But, how positive or negative are each of these statements? To find out, I'm going to use sentiment analysis (unsing Tensor Flow) on each of the times a speaker uses those words (including the entirety of that instance of the character speaking, and calculate the average. Again, I'll ommit examples from within statements. \n\n## Sentiment Analysis -- \"Human\" vs. \"Monster\" by Character`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":515,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"md`## Thanks\n\nThanks so much to [snarp](https://snarp.github.io/) for their [The Magnus Archives Transcripts Archive Archive A (Extremely Unofficial)](https://snarp.github.io/magnus_archives_transcripts/) github repository, which I use a ton as a fan. I downloaded the repository and converted it to json using python to get the episode text to use for this project and other TMA data visualizations I've done.\n\nThanks also to the Eye Love TMA team for putting togehter something extremely fun!\n\nAnd, of course, thanks to Jonny, Alex and all the cast, crew, and staff of Rusty Quill for making a show with so much to sink our teeth into. \n\nOther resources I've used include [ColorBrewer](https://colorbrewer2.org/).\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"md`## Functions and variables for charts and data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":653,"value":"bysent = bypersonwsentiment.sort((a, b) => (b.Monster+b.Human) - (a.Monster+a.Human));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":584,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":594,"value":"buildx0 = function(thisdata, thisgroupkey){\n let tt = d3.scaleBand()\n .domain(thisdata.map(d => d[thisgroupkey]))\n .rangeRound([margin.left, hmwidth - margin.right])\n .paddingInner(0.1)\n return tt;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":612,"value":"buildy = function(thisdata, thiskeys, thisw, thish) {\n let tt= d3.scaleLinear()\n .domain([0, d3.max(thisdata, d => d3.max(thiskeys, key => d[key]))]).nice()\n .rangeRound([thish - margin.bottom, margin.top])\n return tt;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":616,"value":"buildxaxis = function(thish, thisdata, thisgroupkey){\n let tt = g => g\n .attr(\"transform\", `translate(0,${thish - margin.bottom})`)\n .call(d3.axisBottom(buildx0(thisdata, thisgroupkey)).tickSizeOuter(0))\n .call(g => g.select(\".domain\").remove())\n return tt;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":619,"value":"buildyaxis = function(thisdata, thiskeys, thisw, thish){\n let tt = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(buildy(thisdata, thiskeys, thisw, thish)).ticks(null, \"s\"))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"x\", 3)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .text(thisdata.y))\n return tt;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":629,"value":"buildlegend = function(thisw, thiskeys){\n let tt = svg => {\n const g = svg\n .attr(\"transform\", `translate(${thisw},0)`)\n .attr(\"text-anchor\", \"end\")\n .attr(\"font-family\", \"sans-serif\")\n .attr(\"font-size\", 10)\n .selectAll(\"g\")\n .data(thiskeys)\n .join(\"g\")\n .attr(\"transform\", (d, i) => `translate(0,${i * 20})`);\n\n g.append(\"rect\")\n .attr(\"x\", -19)\n .attr(\"width\", 19)\n .attr(\"height\", 19)\n .attr(\"fill\", color);\n\n g.append(\"text\")\n .attr(\"x\", -24)\n .attr(\"y\", 9.5)\n .attr(\"dy\", \"0.35em\")\n .text(d => d);\n }\n return tt;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"returnSpecificText2 = function(div, format=\"alleptext\"){ \n // may want to re-send this to the main notebook at https://observablehq.com/@katho/the-magnus-archives-text-analysis-experiments after I get this working like I want it to.\n //returns plain text of the episode in various formats. Takes a dom object as input. I can then remove bracketed text, etc. \n //formats: \"spoken\", \"alleptext\"\n switch(format){\n case \"alleptext\":\n return div.innerText;\n break;\n case \"spoken\":\n var ps = div.getElementsByTagName(\"p\");\n var spoken = \"\";\n for (var p in ps){\n var txt = ps[p].innerText;\n if(txt){\n spoken += ps[p].innerText+\"\\n\";\n }\n }\n return spoken;\n break;\n } // end switch\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":471,"value":"psentiment = function (d, i) {\n console.log(i);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"monstereps = episodes.filter(episode => (episode.content.includes(\"monster\") && episode.categories == \"episode\")) ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":425,"value":"py1 = d3.scaleBand()\n .domain(hkeys)\n .rangeRound([py0.bandwidth(), 0])\n .padding(0.05)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":413,"value":"pgroupKey = \"name\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":428,"value":"pheight = 1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":420,"value":"py0 = d3.scaleBand()\n .domain(bypersonwsentiment.map(d => d[pgroupKey]))\n .rangeRound([margin.top, pheight - margin.bottom])\n .paddingInner(0.1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"pxAxis = g => g\n .attr(\"transform\", `translate(0,${pheight - margin.bottom})`)\n .call(d3.axisBottom(px).tickSizeOuter(0))\n .call(g => g.select(\".domain\").remove())\n .call(d3.axisBottom(px).ticks(3, \"s\"))\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"x\", 15)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .text(bypersonwsentiment.y)\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":454,"value":"px = d3.scaleLinear()\n .domain([0, d3.max(bypersonwsentiment, d => d3.max(hkeys, hkey => d[hkey]))]).nice()\n .rangeRound([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":433,"value":"pyAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(py0).ticks(null, \"s\"))\n .call(g => g.select(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"hy1 = d3.scaleBand()\n .domain(hkeys)\n .rangeRound([hy0.bandwidth(), 0])\n .padding(0.05)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"hy0 = d3.scaleBand()\n .domain(byseason.map(d => d[hgroupkey]))\n .rangeRound([margin.top, hheight - margin.bottom])\n .paddingInner(0.1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":261,"value":"hkeys = [\"Human\", \"Monster\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":256,"value":"hgroupkey = \"season\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"hwidth = 943","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"hx = d3.scaleLinear()\n .domain([0, d3.max(byseason, d => d3.max(hkeys, hkey => d[hkey]))]).nice()\n .rangeRound([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":279,"value":"hxAxis = g => g\n .attr(\"transform\", `translate(0,${hheight - margin.bottom})`)\n .call(d3.axisBottom(hx).tickSizeOuter(0))\n .call(g => g.select(\".domain\").remove())\n .call(d3.axisBottom(hx).ticks(3, \"s\"))\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"x\", 15)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .text(byseason.y))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":275,"value":"hyAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(hy0).ticks(null, \"s\"))\n .call(g => g.select(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":249,"value":"hheight = 300","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"groupKey = \"word\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"keys = [\"Statement\", \"Non-Statement\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"color = d3.scaleOrdinal()\n .range([\"#006837\", \"#31a354\", \"#7bccc4\", \"#78c679\", \"#addd8e\", \"#d9f0a3\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"margin = ({top: 30, right: 0, bottom: 30, left: 100})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"x0 = d3.scaleBand()\n .domain(inoutofstatements.map(d => d[groupKey]))\n .rangeRound([margin.left, hmwidth - margin.right])\n .paddingInner(0.1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"x1 = d3.scaleBand()\n .domain(keys)\n .rangeRound([0, x0.bandwidth()])\n .padding(0.05)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"hmheight = 300;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"hmwidth = 300","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":190,"value":"humancount = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"monstercount= 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y).ticks(null, \"s\"))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"x\", 3)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .text(inoutofstatements.y))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"y = d3.scaleLinear()\n .domain([0, d3.max(inoutofstatements, d => d3.max(keys, key => d[key]))]).nice()\n .rangeRound([hmheight - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${hmheight - margin.bottom})`)\n .call(d3.axisBottom(x0).tickSizeOuter(0))\n .call(g => g.select(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"legend = svg => {\n const g = svg\n .attr(\"transform\", `translate(${hmwidth},0)`)\n .attr(\"text-anchor\", \"end\")\n .attr(\"font-family\", \"sans-serif\")\n .attr(\"font-size\", 10)\n .selectAll(\"g\")\n .data(keys)\n .join(\"g\")\n .attr(\"transform\", (d, i) => `translate(0,${i * 20})`);\n\n g.append(\"rect\")\n .attr(\"x\", -19)\n .attr(\"width\", 19)\n .attr(\"height\", 19)\n .attr(\"fill\", color);\n\n g.append(\"text\")\n .attr(\"x\", -24)\n .attr(\"y\", 9.5)\n .attr(\"dy\", \"0.35em\")\n .text(d => d);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":199,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"hlegend = svg => {\n const g = svg\n .attr(\"transform\", `translate(${hwidth},0)`)\n .attr(\"text-anchor\", \"end\")\n .attr(\"font-family\", \"sans-serif\")\n .attr(\"font-size\", 10)\n .selectAll(\".byseasonchart g\")\n //.call(function(d){console.log(d)})\n .data(hkeys)\n .join(\"g\")\n .attr(\"transform\", (d, i) => `translate(0,${i * 20})`)\n .attr(\"class\", d => d);\n\n g.append(\"rect\")\n .attr(\"x\", -19)\n .attr(\"width\", 19)\n .attr(\"height\", 19)\n .attr(\"fill\", color);\n\n g.append(\"text\")\n .attr(\"x\", -24)\n .attr(\"y\", 9.5)\n .attr(\"dy\", \"0.35em\")\n .text(d => d);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":760,"value":"metadata = (await fetch(\"https://storage.googleapis.com/tfjs-models/tfjs/sentiment_cnn_v1/metadata.json\")).json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":753,"value":"md `## Static Items`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":364,"value":"model = {\n return this || await tf.loadModel(\"https://storage.googleapis.com/tfjs-models/tfjs/sentiment_cnn_v1/model.json\")\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"md `## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"import {\n d3,\n episodes,\n table,\n nlp,\n //entitytags,\n} from \n'1b32af67e1e47043'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":530,"value":"//import {table} from \"@tmcw/tables/2\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$$ = require('jquery')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"tf = require(\"@tensorflow/tfjs@0.8.0\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3d","stdlib":"1","titling":"auto"}} 32:"$31:body"