2e:null 2f:["$","title",null,{"children":"TMA Hiatus Flash Fanworks Challenge Week 4: 'Ceremony' | katho | Observable"}] 34:T421,md`# TMA Hiatus Flash Fanworks Challenge Week 4: 'Ceremony' This week's theme for the [THFFC](https://magnus-mailday.dreamwidth.org/) is "Ceremony" and so I think it might be interesting to take a look at the rituals in TMA? I think I might start by looking at the tags ... OK so I got the tag and then had to add a bunch of episodes that seem like obvious ones but weren't tagged that way. I based that on the [Rituals wiki page](https://the-magnus-archives.fandom.com/wiki/Rituals). So what I did was see what tags episodes had in common and considered a shared tag a "link". I managed to get them spread out, and add labels for each episode, but labelling the links is more difficult. There are often more than one link between 2 epsiodes. What I should really do is count how many are between one ep, and like use that to see what strength the link should be, and then set a list for the text or something. I think I got them correctly colour-coded by entity but I didn't add a legend -- though it SHOULD now make sense if you look at the titles. `35:T6f9,chart3 = { const height = 600; const drag = 1; const links = data.links.map(d => Object.create(d)); const nodes = data.nodes.map(d => Object.create(d)); const simulation = d3.forceSimulation(nodes) .force("link", d3.forceLink(links).id(d => d.id)) .force("charge", d3.forceManyBody().strength(-1000)) .force("center", d3.forceCenter(width / 2, height / 2)); const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const link = svg.append("g") .attr("stroke", "#999") .attr("stroke-opacity", 0.05) .selectAll("g") .data(links) .join("g") .attr("class", "link"); //d => Math.sqrt(d.value) link.append("line") .attr("stroke-width", 1.5); const node = svg.append("g") .attr("stroke", "#fff") .attr("stroke-width", 1.5) .selectAll("g") .data(nodes) .join("g") .attr("class", "node") //.call(drag(simulation)); node.append("circle") .attr("r", 5) .attr("fill", color); node.append("title") .text(d => d.id); node.insert("text") .text(d => d.id) .attr("x", 8) .attr("fill", "#000") .attr("stroke-width", 0.2) .attr("y", "0.35em"); simulation.on("tick", () => { link.selectAll("line") .attr("x1", d => d.source.x) .attr("y1", d => d.source.y) .attr("x2", d => d.target.x) .attr("y2", d => d.target.y); node.attr("transform", d => `translate(${d.x},${d.y})`); }); link.append("title") .text(d => d.tag) link.insert("text") .text(d => d.tag) .attr("test", "hmmm") .attr("x", 8) .attr("fill", "#000") .attr("stroke-width", 0) .attr("y", 25); invalidation.then(() => simulation.stop()); return svg.node(); }36:Ta6c,data = { /* I can look up the names with */ let nodes = []; let links = []; //I think I need to have the nodes before I have the links? Mayyyybe? Eh maybe not. //also probably easier to for (let i=0; i\n text {font-size:0.8em;}\n .link text {visibility:hidden; position:relative;}\n .link:hover text {visibility:visible;}\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"color = {\n const scale = d3.scaleOrdinal([\"#78b98f\", \"#2a6b2a\", \"#abe65b\", \"#1a6587\", \"#87cefe\", \"#3447b4\", \"#ee80fe\", \"#972ca9\", \"#a386b4\", \"#e9c9fa\", \"#5b3c5e\", \"#fe29e2\", \"#7212ff\", \"#21f0b6\"]);\n return d => scale(d.group);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"manualeps = [\"119\",\"101\",\"159\",\"138\",\"040\",\"025\",\"143\",\"139\",\"145\",\"133\",\"099\",\"126\",\"151\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"excludedconnections = [\"The Archivist\", \"The Rituals\", \"Rituals\", \"Alice 'Daisy' Tonner\", \"Martin Blackwood\", \"Elias Bouchard\", \"Gertrude Robinson\", \"Timothy Stoker\"\n //\"Basira Hussain\" // if I exclude Basira one goes off away on its own\n ]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"tags = {\n var tags = [];\n for (var i = 0; ib.count){\n return -1;\n }\n return 0;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"//this is going to be to get filtered episodes\nfilteredeps = episodes.filter(episode => ((episode.categories == \"episode\") && ((episode.tags.includes(\"The Rituals\")||episode.tags.includes(\"Rituals\")||manualeps.indexOf(episode.episode_number)!=-1))))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"md`## Imports, etc`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"import {\n d3,\n episodes,\n onlyUnique,\n //nlp,\n entitytags,\n style\n} from \n'1b32af67e1e47043'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"//import {height, color, drag} from '@d3/force-directed-graph-canvas'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"import {height, drag} from '@d3/force-directed-graph'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"import {\n alltags, \n tree, line, radius, width, colornone, colorout, colorin, \n} from '@katho/tma-hiatus-flash-fanworks-challenge-week-2-identity'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"import { linkArc\n} from '@d3/mobile-patent-suits'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 33:"$32:body"