2b:null 2c:["$","title",null,{"children":"Virusvarianten | RND | Observable"}] 31:T628,chart = { const root = tree(data); setColor(root); var myColor = d3.scaleOrdinal().domain(data) .range(["#cccccc"]) let x0 = Infinity; let x1 = -x0; root.each(d => { if (d.x > x1) x1 = d.x; if (d.x < x0) x0 = d.x; }); //fix viewBox à l'arrache const svg = d3.create("svg") .attr("viewBox", [-10, 0, width +10, x1 - x0 + root.dx * 2]); const g = svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 14) .attr("transform", `translate(${root.dy / 3},${root.dx - x0})`); const link = g.append("g") .attr("fill", "none") .attr("stroke", "#555") .attr("stroke-opacity", 1) .attr("stroke-width", 1.5) .selectAll("path") .data(root.links()) .join("path") .attr("d", d3.linkHorizontal() .x(d => d.y) .y(d => d.x)) .each(function(d) { d.target.linkNode = this; }) .attr("stroke", d => d.target.color);; const node = g.append("g") .attr("stroke-linejoin", "round") .attr("stroke-width", 3) .selectAll("g") .data(root.descendants()) .join("g") .attr("transform", d => `translate(${d.y},${d.x})`); node.append("circle") .attr("fill", function(d){return myColor(d.depth) } ) .attr("r", 4); node.append("text") .attr("dy", "0.31em") .attr("x", d => d.children ? -6 : 6) .attr("text-anchor", d => d.children ? "end" : "start") .text(function(d) {return d.data.name}) .clone(true).lower() .attr("stroke", "white"); return svg.node(); }32:[{"id":"0d22d4b37b9dd53221f766d0ddc6bcbdb74f37f86676569fdc0d1617be82e1300c6989d3c636e1add6c91f6f216737a71eee51df1971f5ae1588a10517844aa3","href":"https://static.observableusercontent.com/files/0d22d4b37b9dd53221f766d0ddc6bcbdb74f37f86676569fdc0d1617be82e1300c6989d3c636e1add6c91f6f216737a71eee51df1971f5ae1588a10517844aa3","name":"virusvarianten@12.json","type":"application/json","lastModified":1653032772625.613,"size":1034}] 2f:{"id":"3eec83e762dfa023","slug":"virusvarianten","title":"Virusvarianten","thumbnail":"cca74207abddd92665d9686bf0ffa8640ff9134178524afe47fcdef8f998b2c2","access_level":"public","create_time":"$D2022-05-19T14:49:29.681Z","update_time":"$D2022-05-20T08:23:54.114Z","view_time":null,"first_public_time":"$D2022-05-20T08:18:58.388Z","fork":{"id":"2cc800f3ea9e9957","slug":"tidy-tree-circus-data","title":"Tidy Tree (Circus Data)","owner":{"id":"359659b8f8647f4e","login":"icima","name":"Stéphane Riou"}},"stars":1,"starred":false,"owner":{"type":"team","id":"b8db01b7dd27a055","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":"starter_2024"},"version":312,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5f9b41b7f852d3da","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":null}],"members":[{"type":"individual","id":"5f9b41b7f852d3da","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Virusvarianten","cells":[{"id":1,"value":"md`# Virusvarianten`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":294,"value":"title = md`

Stammbaum der Virusvarianten

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":300,"value":"label = md`Entwicklung der Sars-CoV-2-Varianten`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":304,"value":"credits = md`Quelle: covariants.org`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":169,"value":"color = d3.scaleOrdinal()\n .domain([\"Alpha\", \"Beta\", \"Gamma\", \"Delta\", \"Omikron\",\"\"])\n .range([\"#80A3FF\",\"#6bb024\",\"#4F80FF\",\"#e84f1c\",\"#2a3845\",\"#cccccc\"])\n\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"// Set the color of each node by recursively inheriting.\nfunction setColor(d) {\n var name = d.data.name;\n d.color = color.domain().indexOf(name) >= 0 ? color(name) : d.parent ? d.parent.color : null;\n if (d.children) d.children.forEach(setColor);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"data = FileAttachment(\"virusvarianten@12.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"tree = data => {\n const root = d3.hierarchy(data);\n root.dx = 35;\n root.dy = width / (root.height + 1);\n return d3.tree().nodeSize([root.dx, root.dy])(root);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"width = 800","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"myStyles = html`\n\n\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"