Document

29:null 2a:["$","title",null,{"children":"DOMException: Failed to execute 'insertBefore' on 'Node': The new child element contains the parent. | smpa01 | Observable"}] 2f:[] 2d:{"id":"88cbad221a2ce5cf","slug":null,"title":"DOMException: Failed to execute 'insertBefore' on 'Node': The new child element contains the parent.","thumbnail":"9f6f33fb38124cbda6c716d3a8fa2d7580184c396c742e48ef991be32a77dbae","access_level":"public","create_time":"$D2023-10-04T21:20:25.303Z","update_time":"$D2023-10-04T21:40:59.552Z","view_time":null,"first_public_time":"$D2023-10-04T21:20:25.303Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"f6f5bab201e9c602","login":"smpa01","name":"smpa01","avatar_url":"https://avatars-next.observableusercontent.com/11fbf12260309afb8ae5e8d35256587cc7ddb704fb72f854fb7ae442be86582a","tier":"starter_2024"},"version":14,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"de9567210aaa8bfc","login":"smpa01","name":"smpa01","avatar_url":"https://avatars-next.observableusercontent.com/11fbf12260309afb8ae5e8d35256587cc7ddb704fb72f854fb7ae442be86582a","tier":null}],"members":[{"type":"individual","id":"de9567210aaa8bfc","login":"smpa01","name":"smpa01","avatar_url":"https://avatars-next.observableusercontent.com/11fbf12260309afb8ae5e8d35256587cc7ddb704fb72f854fb7ae442be86582a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"DOMException: Failed to execute 'insertBefore' on 'Node': The new child element contains the parent.","cells":[{"id":0,"value":"# DOMException: Failed to execute 'insertBefore' on 'Node': The new child element contains the parent.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":5,"value":"\n\n\n \n \n Document\n\n\n \n

\n\n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":10,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":13,"value":"{\n const div = d3.select(\"div\");\n\n const t = d3.timer((e) => {\n const outerOneData = d3.range(0, 5);\n const outerTwoData = d3.range(0, 3);\n\n const outerOne = div.selectAll(\"div\");\n\n outerOne.exit().remove();\n\n outerOne\n .data(outerOneData)\n .join(\"xhtml:div\")\n .attr(\"id\", (_, i) => `outer${i}`);\n\n const outerTwo = outerOne.selectAll(\"div\");\n\n outerTwo.exit().remove();\n\n outerTwo\n .data(outerTwoData)\n .join(\"xhtml:div\")\n .attr(\"id\", (_, i) => `outerTwo${i}`);\n\n if (e > 200) t.stop();\n }, 150);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2e:"$2d:body"