From 3a311040ea8c592adb75ed9359c7b69424ee4f4d Mon Sep 17 00:00:00 2001
From: cjyetman <cj@cjyetman.com>
Date: Sun, 24 Dec 2023 14:52:06 +0000
Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20cjyetman?=
 =?UTF-8?q?/network.r2d3@96a4426bcc5e0ef7d6c4d7e2f30a2a22f8cad5c5=20?=
 =?UTF-8?q?=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pkgdown.yml                 | 2 +-
 reference/tree_network.html | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/pkgdown.yml b/pkgdown.yml
index c83e450..5e7c7bb 100644
--- a/pkgdown.yml
+++ b/pkgdown.yml
@@ -2,5 +2,5 @@ pandoc: 2.19.2
 pkgdown: 2.0.7
 pkgdown_sha: ~
 articles: {}
-last_built: 2023-12-24T12:52Z
+last_built: 2023-12-24T14:52Z
 
diff --git a/reference/tree_network.html b/reference/tree_network.html
index 107fc5f..ce74ab5 100644
--- a/reference/tree_network.html
+++ b/reference/tree_network.html
@@ -115,8 +115,8 @@ <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-e
 <span class="r-in"><span>                     name <span class="op">=</span> <span class="va">LETTERS</span><span class="op">[</span><span class="fl">1</span><span class="op">:</span><span class="fl">7</span><span class="op">]</span>,</span></span>
 <span class="r-in"><span>                     stringsAsFactors <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span></span></span>
 <span class="r-in"><span><span class="fu">tree_network</span><span class="op">(</span><span class="va">treedf</span><span class="op">)</span></span></span>
-<div id="htmlwidget-28b497fb52dad321167c" style="width:700px;height:432.632880098888px;" class="r2d3 html-widget"></div>
-<script type="application/json" data-for="htmlwidget-28b497fb52dad321167c">{"x":{"data":[{"nodeId":"A","parentId":"","name":"A","nodeSize":10,"nodeStroke":"steelblue","nodeColor":"steelblue","nodeSymbol":"circle","nodeFont":"sans-serif","nodeFontSize":12,"textColor":"grey","textOpacity":1,"linkColor":"grey","linkWidth":"1.5px"},{"nodeId":"B","parentId":"A","name":"B","nodeSize":10,"nodeStroke":"steelblue","nodeColor":"steelblue","nodeSymbol":"circle","nodeFont":"sans-serif","nodeFontSize":12,"textColor":"grey","textOpacity":1,"linkColor":"grey","linkWidth":"1.5px"},{"nodeId":"C","parentId":"A","name":"C","nodeSize":10,"nodeStroke":"steelblue","nodeColor":"steelblue","nodeSymbol":"circle","nodeFont":"sans-serif","nodeFontSize":12,"textColor":"grey","textOpacity":1,"linkColor":"grey","linkWidth":"1.5px"},{"nodeId":"D","parentId":"B","name":"D","nodeSize":10,"nodeStroke":"steelblue","nodeColor":"steelblue","nodeSymbol":"circle","nodeFont":"sans-serif","nodeFontSize":12,"textColor":"grey","textOpacity":1,"linkColor":"grey","linkWidth":"1.5px"},{"nodeId":"E","parentId":"B","name":"E","nodeSize":10,"nodeStroke":"steelblue","nodeColor":"steelblue","nodeSymbol":"circle","nodeFont":"sans-serif","nodeFontSize":12,"textColor":"grey","textOpacity":1,"linkColor":"grey","linkWidth":"1.5px"},{"nodeId":"F","parentId":"C","name":"F","nodeSize":10,"nodeStroke":"steelblue","nodeColor":"steelblue","nodeSymbol":"circle","nodeFont":"sans-serif","nodeFontSize":12,"textColor":"grey","textOpacity":1,"linkColor":"grey","linkWidth":"1.5px"},{"nodeId":"G","parentId":"C","name":"G","nodeSize":10,"nodeStroke":"steelblue","nodeColor":"steelblue","nodeSymbol":"circle","nodeFont":"sans-serif","nodeFontSize":12,"textColor":"grey","textOpacity":1,"linkColor":"grey","linkWidth":"1.5px"}],"type":"json","container":"svg","options":{"treeType":"tidy","direction":"right","linkType":"diagonal"},"script":"var d3Script = function(d3, r2d3, data, svg, width, height, options, theme, console) {\nthis.d3 = d3;\n\nsvg = d3.select(svg.node());\n/* R2D3 Source File:  /home/runner/work/_temp/Library/network.r2d3/d3/tree_network.js */\n// !preview r2d3 data = jsonlite::toJSON(data.frame(nodeId = LETTERS[1:7], parentId = c(\"\", \"A\", \"A\", \"B\",\"B\", \"C\", \"C\"), name = LETTERS[1:7], nodeSize = 8, nodeStroke = \"steelblue\", nodeColor = \"green\", nodeSymbol = \"circle\", nodeFont = \"sans-serif\", nodeFontSize = 18, textColor = \"grey\", textOpacity = 1, linkColor = \"grey\", linkWidth = \"1.5px\", stringsAsFactors = FALSE), auto_unbox = TRUE), d3_version = 4, options = list(treeType = 'tidy', direction = 'right', linkType = 'diagonal')\n\n\n\nr2d3.onRender(function(data, svg, width, height, options) {\n\n        // TESTING //\n        //window.data = data;\n        //window.options = options;\n        /////////////\n\n        var duration = 800;\n\n        var root = d3.stratify()\n        .id(function(d){ return d.nodeId; })\n        .parentId(function(d){ return d.parentId; })\n        (data);\n\n        function mouseover(d) {\n          return eval(options.mouseover)\n        }\n\n        function mouseout(d) {\n          return eval(options.mouseout)\n        }\n\n        function symbolgen(name) {\n          name = name == 'undefined' ? 'Circle' : name;\n          name = name.charAt(0).toUpperCase() + name.substr(1).toLowerCase();\n          name = [\"Circle\", \"Cross\", \"Diamond\", \"Square\", \"Star\", \"Triangle\", \"Wye\"].indexOf(name) == -1 ? \"Circle\" : name;\n          return d3.symbol().type(d3['symbol' + name]);\n        }\n\n        var directions = {\n          \"down\": {\n            tree: (options.treeType === \"tidy\" ? d3.tree() : d3.cluster()).size([width, height]),\n            linkgen: (options.linkType === \"diagonal\" ?\n                        d3.linkVertical().x(function(d) { return d.x; }).y(function(d) { return d.y; })\n                      :\n                        function unobj(d) {\n                          return d3.line().curve(d3.curveStepAfter)(Object.keys(d).map(function(key) { return [d[key].x, d[key].y]; }));\n                        }\n            ),\n            nodegen: function(d) { return \"translate(\" + d.x + \",\" + d.y + \")\"; }\n          },\n          \"left\": {\n            tree: (options.treeType === \"tidy\" ? d3.tree() : d3.cluster())\n            .size([height, width]),\n            linkgen: (options.linkType === \"diagonal\" ?\n                        d3.linkHorizontal()\n                      .x(function(d) { return width - d.y; })\n                      .y(function(d) { return d.x; })\n                      :\n                        function unobj(d) {\n                          return d3.line().curve(d3.curveStepBefore)(Object.keys(d).map(function(key) { return [width - d[key].y, d[key].x]; }));\n                        }),\n            nodegen: function(d) { return \"translate(\" + (width - d.y) + \",\" + d.x + \")\"; }\n          },\n          \"up\": {\n            tree: (options.treeType === \"tidy\" ? d3.tree() : d3.cluster()).size([width, height]),\n            linkgen: (options.linkType === \"diagonal\" ?\n                        d3.linkVertical().x(function(d) { return d.x; }).y(function(d) { return height - d.y; })\n                      :\n                        function unobj(d) {\n                          return d3.line().curve(d3.curveStepAfter)(Object.keys(d).map(function(key) { return [d[key].x, height - d[key].y]; }));\n                        }\n            ),\n            nodegen: function(d) { return \"translate(\" + d.x + \",\" + (height - d.y) + \")\"; }\n          },\n          \"right\": {\n            tree: (options.treeType === \"tidy\" ? d3.tree() : d3.cluster()).size([height, width - 100]),\n            linkgen: (options.linkType === \"diagonal\" ?\n                        d3.linkHorizontal()\n                      .x(function(d) { return d.y; })\n                      .y(function(d) { return d.x; })\n                      :\n                        function unobj(d) {\n                          return d3.line().curve(d3.curveStepBefore)(Object.keys(d).map(function(key) { return [d[key].y, d[key].x]; }));\n                        }),\n            nodegen: function(d) { return \"translate(\" + d.y + \",\" + d.x + \")\"; }\n          },\n          \"radial\": {\n            tree: (options.treeType === \"tidy\" ? d3.tree() : d3.cluster())\n            .size([2 * Math.PI, Math.min(width,height) / 2])\n            .separation(function(a, b) { return (a.parent == b.parent ? 1 : 2) / a.depth; }),\n            linkgen: d3.linkRadial().angle(function(d) { return d.x; }).radius(function(d) { return d.y; }),\n            nodegen: function(d) { return \"translate(\" + [(d.y = +d.y) * Math.cos(d.x -= Math.PI / 2), d.y * Math.sin(d.x)] + \")\"; }\n          }\n        };\n\n        // radial type needs to be centered on the canvas\n        if (options.direction == \"radial\") {\n          g = svg.append(\"g\").attr(\"transform\", \"translate(\" + (width / 2 + 40) + \",\" + (height / 2 + 90) + \")\");\n          root.x0 = height / 2;\n          root.y0 = width / 2;\n        } else {\n          g = svg.append(\"g\");\n          root.x0 = height / 2;\n          root.y0 = 0;\n        }\n\n        var tree = directions[options.direction].tree,\n        linkgen = directions[options.direction].linkgen,\n        nodegen = directions[options.direction].nodegen;\n\n        var linkgrp = g.append(\"g\").attr(\"class\", \"linkgrp\");\n        var nodegrp = g.append(\"g\").attr(\"class\", \"nodegrp\");\n\n        update(root);\n\n        function update(source) {\n          var treeData = tree(root);\n\n          if (treeData.descendants().reduce(function(a, b) { return typeof b.data.height !== 'undefined' && a; }, true)) {\n            var ymax = d3.max(treeData.descendants(), function(d) { return d.data.height || d.height; });\n            var ymin = d3.min(treeData.descendants(), function(d) { return d.data.height || d.height; });\n            heightToY = d3.scaleLinear().domain([ymax, ymin]).range([0, width]);\n            treeData.eachAfter(function(d) { d.y = heightToY(d.data.height || d.height); });\n          }\n\n          var nodes = treeData.descendants(),\n          links = treeData.links(nodes);\n\n          // TESTING //\n          //window.nodes = nodes;\n          //window.links = links;\n          /////////////\n\n          // update the links\n          var link = linkgrp.selectAll(\".link\")\n          .data(links, function(d) { return d.target.id; });\n\n          // enter any new links at the parent's previous position\n          var linkEnter = link.enter().insert(\"path\", \"g\")\n          .attr(\"class\", \"link\")\n          .style(\"fill\", \"none\")\n          .style(\"stroke\", function(d){ return d.target.data.linkColor; })\n          .style(\"stroke-opacity\", 0.4)\n          .style(\"stroke-width\", function(d){ return d.target.data.linkWidth; })\n          .attr(\"d\", function(d) {\n          var o = {x: source.x0, y: source.y0};\n          return linkgen({source: o, target: o});\n          })\n\n          // transition links to their new position\n          var linkUpdate = linkEnter.merge(link);\n          linkUpdate.transition()\n          .duration(duration)\n          .attr(\"d\", linkgen)\n\n          // Transition exiting nodes to the parent's new position\n          link.exit().transition()\n          .duration(duration)\n          .attr(\"d\", function(d) {\n            var o = {x: source.x, y: source.y};\n            return linkgen({source: o, target: o});\n          })\n          .remove()\n\n          var node = nodegrp.selectAll(\".node\").data(nodes, function(d,i) { return d.id || (d.id = ++i); });\n\n          nodeEnter = node.enter()\n          .append(\"g\")\n          .attr(\"class\", \"node\")\n          .attr(\"transform\", function(d){ return typeof source !== 'undefined' ? nodegen({x: source.x0, y: source.y0}) : nodegen(d); })\n          .on(\"click\", click)\n          .on(\"mouseover\", mouseover)\n          .on(\"mouseout\", mouseout)\n          .attr('cursor', function(d){ return d.children || d._children ? \"pointer\" : \"default\"; })\n\n          nodeEnter.append(\"path\")\n          .style(\"fill\", function(d){ return d._children ? d.data.nodeStroke: 'white';})\n          .style(\"opacity\", 1e-6)\n          .style(\"stroke\", function(d){ return d.data.nodeStroke; })\n          .style(\"stroke-width\", \"1.5px\")\n          .attr(\"d\", function(d){ return symbolgen(d.data.nodeSymbol).size(Math.pow(d.data.nodeSize, 2))(); })\n\n          nodeEnter.append(\"text\")\n          .attr(\"transform\", \"rotate(\" + options.textRotate + \")\")\n          .attr(\"x\", d => d.children ? -6 : 6)\n          .attr(\"text-anchor\", d => d.children ? \"end\" : \"start\")\n          .style(\"font-family\", function(d){ return d.data.nodeFont; })\n          .style(\"font-size\", \"1px\")\n          .style(\"opacity\", function(d){ return d.data.textOpacity; })\n          .style(\"fill\", function(d){ return d.data.textColor; })\n          .text(function(d){ return d.data.name; })\n\n          var nodeUpdate = nodeEnter.merge(node);\n\n          nodeUpdate.transition()\n          .duration(duration)\n          .attr(\"transform\", nodegen)\n\n          nodeUpdate.select(\"path\")\n          .transition()\n          .duration(duration)\n          .style(\"opacity\", 1)\n          .style(\"fill\", function(d){ return d._children ? d.data.nodeStroke : 'white'; })\n\n          nodeUpdate.select(\"text\")\n          .transition()\n          .duration(duration)\n          .style(\"font-size\", function(d){ return d.data.nodeFontSize + \"px\"; })\n\n          var nodeExit = node.exit();\n\n          nodeExit.transition(\"exittransition\")\n          .duration(duration)\n          .attr(\"transform\", function(d){ return nodegen(source); })\n          .remove()\n\n          nodeExit.select('path')\n          .transition(\"exittransition\")\n          .duration(duration)\n          .style('fill', 1e-6)\n          .style('fill-opacity', 1e-6)\n          .attr(\"d\", d3.symbol().type(d3.symbolCircle).size(1e-6))\n\n          nodeExit.select('text')\n          .transition(\"exittransition\")\n          .duration(duration)\n          .style('opacity', 1e-6)\n\n          nodes.forEach(function(d){\n            d.x0 = d.x;\n            d.y0 = d.y;\n          });\n        }\n\n        function click(d) {\n          if (d.children) {\n            d._children = d.children;\n            d.children = null;\n          } else {\n            d.children = d._children;\n            d._children = null;\n          }\n          update(d);\n        }\n\n});\n};","style":null,"version":4,"theme":{"default":{"background":"#FFFFFF","foreground":"#000000"},"runtime":null},"useShadow":true},"evals":[],"jsHooks":[]}</script><span class="r-in"><span></span></span>
+<div id="htmlwidget-575300ff6960e77c99c8" style="width:700px;height:432.632880098888px;" class="r2d3 html-widget"></div>
+<script type="application/json" data-for="htmlwidget-575300ff6960e77c99c8">{"x":{"data":[{"nodeId":"A","parentId":"","name":"A","nodeSize":10,"nodeStroke":"steelblue","nodeColor":"steelblue","nodeSymbol":"circle","nodeFont":"sans-serif","nodeFontSize":12,"textColor":"grey","textOpacity":1,"linkColor":"grey","linkWidth":"1.5px"},{"nodeId":"B","parentId":"A","name":"B","nodeSize":10,"nodeStroke":"steelblue","nodeColor":"steelblue","nodeSymbol":"circle","nodeFont":"sans-serif","nodeFontSize":12,"textColor":"grey","textOpacity":1,"linkColor":"grey","linkWidth":"1.5px"},{"nodeId":"C","parentId":"A","name":"C","nodeSize":10,"nodeStroke":"steelblue","nodeColor":"steelblue","nodeSymbol":"circle","nodeFont":"sans-serif","nodeFontSize":12,"textColor":"grey","textOpacity":1,"linkColor":"grey","linkWidth":"1.5px"},{"nodeId":"D","parentId":"B","name":"D","nodeSize":10,"nodeStroke":"steelblue","nodeColor":"steelblue","nodeSymbol":"circle","nodeFont":"sans-serif","nodeFontSize":12,"textColor":"grey","textOpacity":1,"linkColor":"grey","linkWidth":"1.5px"},{"nodeId":"E","parentId":"B","name":"E","nodeSize":10,"nodeStroke":"steelblue","nodeColor":"steelblue","nodeSymbol":"circle","nodeFont":"sans-serif","nodeFontSize":12,"textColor":"grey","textOpacity":1,"linkColor":"grey","linkWidth":"1.5px"},{"nodeId":"F","parentId":"C","name":"F","nodeSize":10,"nodeStroke":"steelblue","nodeColor":"steelblue","nodeSymbol":"circle","nodeFont":"sans-serif","nodeFontSize":12,"textColor":"grey","textOpacity":1,"linkColor":"grey","linkWidth":"1.5px"},{"nodeId":"G","parentId":"C","name":"G","nodeSize":10,"nodeStroke":"steelblue","nodeColor":"steelblue","nodeSymbol":"circle","nodeFont":"sans-serif","nodeFontSize":12,"textColor":"grey","textOpacity":1,"linkColor":"grey","linkWidth":"1.5px"}],"type":"json","container":"svg","options":{"treeType":"tidy","direction":"right","linkType":"diagonal"},"script":"var d3Script = function(d3, r2d3, data, svg, width, height, options, theme, console) {\nthis.d3 = d3;\n\nsvg = d3.select(svg.node());\n/* R2D3 Source File:  /home/runner/work/_temp/Library/network.r2d3/d3/tree_network.js */\n// !preview r2d3 data = jsonlite::toJSON(data.frame(nodeId = LETTERS[1:7], parentId = c(\"\", \"A\", \"A\", \"B\",\"B\", \"C\", \"C\"), name = LETTERS[1:7], nodeSize = 8, nodeStroke = \"steelblue\", nodeColor = \"green\", nodeSymbol = \"circle\", nodeFont = \"sans-serif\", nodeFontSize = 18, textColor = \"grey\", textOpacity = 1, linkColor = \"grey\", linkWidth = \"1.5px\", stringsAsFactors = FALSE), auto_unbox = TRUE), d3_version = 4, options = list(treeType = 'tidy', direction = 'right', linkType = 'diagonal')\n\n\n\nr2d3.onRender(function(data, svg, width, height, options) {\n\n        // TESTING //\n        //window.data = data;\n        //window.options = options;\n        /////////////\n\n        var duration = 800;\n\n        var root = d3.stratify()\n        .id(function(d){ return d.nodeId; })\n        .parentId(function(d){ return d.parentId; })\n        (data);\n\n        function mouseover(d) {\n          return eval(options.mouseover)\n        }\n\n        function mouseout(d) {\n          return eval(options.mouseout)\n        }\n\n        function symbolgen(name) {\n          name = name == 'undefined' ? 'Circle' : name;\n          name = name.charAt(0).toUpperCase() + name.substr(1).toLowerCase();\n          name = [\"Circle\", \"Cross\", \"Diamond\", \"Square\", \"Star\", \"Triangle\", \"Wye\"].indexOf(name) == -1 ? \"Circle\" : name;\n          return d3.symbol().type(d3['symbol' + name]);\n        }\n\n        var directions = {\n          \"down\": {\n            tree: (options.treeType === \"tidy\" ? d3.tree() : d3.cluster()).size([width, height]),\n            linkgen: (options.linkType === \"diagonal\" ?\n                        d3.linkVertical().x(function(d) { return d.x; }).y(function(d) { return d.y; })\n                      :\n                        function unobj(d) {\n                          return d3.line().curve(d3.curveStepAfter)(Object.keys(d).map(function(key) { return [d[key].x, d[key].y]; }));\n                        }\n            ),\n            nodegen: function(d) { return \"translate(\" + d.x + \",\" + d.y + \")\"; }\n          },\n          \"left\": {\n            tree: (options.treeType === \"tidy\" ? d3.tree() : d3.cluster())\n            .size([height, width]),\n            linkgen: (options.linkType === \"diagonal\" ?\n                        d3.linkHorizontal()\n                      .x(function(d) { return width - d.y; })\n                      .y(function(d) { return d.x; })\n                      :\n                        function unobj(d) {\n                          return d3.line().curve(d3.curveStepBefore)(Object.keys(d).map(function(key) { return [width - d[key].y, d[key].x]; }));\n                        }),\n            nodegen: function(d) { return \"translate(\" + (width - d.y) + \",\" + d.x + \")\"; }\n          },\n          \"up\": {\n            tree: (options.treeType === \"tidy\" ? d3.tree() : d3.cluster()).size([width, height]),\n            linkgen: (options.linkType === \"diagonal\" ?\n                        d3.linkVertical().x(function(d) { return d.x; }).y(function(d) { return height - d.y; })\n                      :\n                        function unobj(d) {\n                          return d3.line().curve(d3.curveStepAfter)(Object.keys(d).map(function(key) { return [d[key].x, height - d[key].y]; }));\n                        }\n            ),\n            nodegen: function(d) { return \"translate(\" + d.x + \",\" + (height - d.y) + \")\"; }\n          },\n          \"right\": {\n            tree: (options.treeType === \"tidy\" ? d3.tree() : d3.cluster()).size([height, width - 100]),\n            linkgen: (options.linkType === \"diagonal\" ?\n                        d3.linkHorizontal()\n                      .x(function(d) { return d.y; })\n                      .y(function(d) { return d.x; })\n                      :\n                        function unobj(d) {\n                          return d3.line().curve(d3.curveStepBefore)(Object.keys(d).map(function(key) { return [d[key].y, d[key].x]; }));\n                        }),\n            nodegen: function(d) { return \"translate(\" + d.y + \",\" + d.x + \")\"; }\n          },\n          \"radial\": {\n            tree: (options.treeType === \"tidy\" ? d3.tree() : d3.cluster())\n            .size([2 * Math.PI, Math.min(width,height) / 2])\n            .separation(function(a, b) { return (a.parent == b.parent ? 1 : 2) / a.depth; }),\n            linkgen: d3.linkRadial().angle(function(d) { return d.x; }).radius(function(d) { return d.y; }),\n            nodegen: function(d) { return \"translate(\" + [(d.y = +d.y) * Math.cos(d.x -= Math.PI / 2), d.y * Math.sin(d.x)] + \")\"; }\n          }\n        };\n\n        // radial type needs to be centered on the canvas\n        if (options.direction == \"radial\") {\n          g = svg.append(\"g\").attr(\"transform\", \"translate(\" + (width / 2 + 40) + \",\" + (height / 2 + 90) + \")\");\n          root.x0 = height / 2;\n          root.y0 = width / 2;\n        } else {\n          g = svg.append(\"g\");\n          root.x0 = height / 2;\n          root.y0 = 0;\n        }\n\n        var tree = directions[options.direction].tree,\n        linkgen = directions[options.direction].linkgen,\n        nodegen = directions[options.direction].nodegen;\n\n        var linkgrp = g.append(\"g\").attr(\"class\", \"linkgrp\");\n        var nodegrp = g.append(\"g\").attr(\"class\", \"nodegrp\");\n\n        update(root);\n\n        function update(source) {\n          var treeData = tree(root);\n\n          if (treeData.descendants().reduce(function(a, b) { return typeof b.data.height !== 'undefined' && a; }, true)) {\n            var ymax = d3.max(treeData.descendants(), function(d) { return d.data.height || d.height; });\n            var ymin = d3.min(treeData.descendants(), function(d) { return d.data.height || d.height; });\n            heightToY = d3.scaleLinear().domain([ymax, ymin]).range([0, width]);\n            treeData.eachAfter(function(d) { d.y = heightToY(d.data.height || d.height); });\n          }\n\n          var nodes = treeData.descendants(),\n          links = treeData.links(nodes);\n\n          // TESTING //\n          //window.nodes = nodes;\n          //window.links = links;\n          /////////////\n\n          // update the links\n          var link = linkgrp.selectAll(\".link\")\n          .data(links, function(d) { return d.target.id; });\n\n          // enter any new links at the parent's previous position\n          var linkEnter = link.enter().insert(\"path\", \"g\")\n          .attr(\"class\", \"link\")\n          .style(\"fill\", \"none\")\n          .style(\"stroke\", function(d){ return d.target.data.linkColor; })\n          .style(\"stroke-opacity\", 0.4)\n          .style(\"stroke-width\", function(d){ return d.target.data.linkWidth; })\n          .attr(\"d\", function(d) {\n          var o = {x: source.x0, y: source.y0};\n          return linkgen({source: o, target: o});\n          })\n\n          // transition links to their new position\n          var linkUpdate = linkEnter.merge(link);\n          linkUpdate.transition()\n          .duration(duration)\n          .attr(\"d\", linkgen)\n\n          // Transition exiting nodes to the parent's new position\n          link.exit().transition()\n          .duration(duration)\n          .attr(\"d\", function(d) {\n            var o = {x: source.x, y: source.y};\n            return linkgen({source: o, target: o});\n          })\n          .remove()\n\n          var node = nodegrp.selectAll(\".node\").data(nodes, function(d,i) { return d.id || (d.id = ++i); });\n\n          nodeEnter = node.enter()\n          .append(\"g\")\n          .attr(\"class\", \"node\")\n          .attr(\"transform\", function(d){ return typeof source !== 'undefined' ? nodegen({x: source.x0, y: source.y0}) : nodegen(d); })\n          .on(\"click\", click)\n          .on(\"mouseover\", mouseover)\n          .on(\"mouseout\", mouseout)\n          .attr('cursor', function(d){ return d.children || d._children ? \"pointer\" : \"default\"; })\n\n          nodeEnter.append(\"path\")\n          .style(\"fill\", function(d){ return d._children ? d.data.nodeStroke: 'white';})\n          .style(\"opacity\", 1e-6)\n          .style(\"stroke\", function(d){ return d.data.nodeStroke; })\n          .style(\"stroke-width\", \"1.5px\")\n          .attr(\"d\", function(d){ return symbolgen(d.data.nodeSymbol).size(Math.pow(d.data.nodeSize, 2))(); })\n\n          nodeEnter.append(\"text\")\n          .attr(\"transform\", \"rotate(\" + options.textRotate + \")\")\n          .attr(\"x\", d => d.children ? -6 : 6)\n          .attr(\"text-anchor\", d => d.children ? \"end\" : \"start\")\n          .style(\"font-family\", function(d){ return d.data.nodeFont; })\n          .style(\"font-size\", \"1px\")\n          .style(\"opacity\", function(d){ return d.data.textOpacity; })\n          .style(\"fill\", function(d){ return d.data.textColor; })\n          .text(function(d){ return d.data.name; })\n\n          var nodeUpdate = nodeEnter.merge(node);\n\n          nodeUpdate.transition()\n          .duration(duration)\n          .attr(\"transform\", nodegen)\n\n          nodeUpdate.select(\"path\")\n          .transition()\n          .duration(duration)\n          .style(\"opacity\", 1)\n          .style(\"fill\", function(d){ return d._children ? d.data.nodeStroke : 'white'; })\n\n          nodeUpdate.select(\"text\")\n          .transition()\n          .duration(duration)\n          .style(\"font-size\", function(d){ return d.data.nodeFontSize + \"px\"; })\n\n          var nodeExit = node.exit();\n\n          nodeExit.transition(\"exittransition\")\n          .duration(duration)\n          .attr(\"transform\", function(d){ return nodegen(source); })\n          .remove()\n\n          nodeExit.select('path')\n          .transition(\"exittransition\")\n          .duration(duration)\n          .style('fill', 1e-6)\n          .style('fill-opacity', 1e-6)\n          .attr(\"d\", d3.symbol().type(d3.symbolCircle).size(1e-6))\n\n          nodeExit.select('text')\n          .transition(\"exittransition\")\n          .duration(duration)\n          .style('opacity', 1e-6)\n\n          nodes.forEach(function(d){\n            d.x0 = d.x;\n            d.y0 = d.y;\n          });\n        }\n\n        function click(d) {\n          if (d.children) {\n            d._children = d.children;\n            d.children = null;\n          } else {\n            d.children = d._children;\n            d._children = null;\n          }\n          update(d);\n        }\n\n});\n};","style":null,"version":4,"theme":{"default":{"background":"#FFFFFF","foreground":"#000000"},"runtime":null},"useShadow":true},"evals":[],"jsHooks":[]}</script><span class="r-in"><span></span></span>
 </code></pre></div>
     </div>
   </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>