31:T971,{ const container = html`

`; yield container; new d3.OrgChart() .container(".chart-container") .data(data) .svgHeight(700) .nodeHeight((d) => 85) .nodeWidth((d) => { return 220; }) .childrenMargin((d) => 50) .compactMarginBetween((d) => 30) .compactMarginPair((d) => 50) .neightbourMargin((a, b) => 25) .siblingsMargin((d) => 25) .buttonContent(({ node, state }) => { return `

${ node.children ? `` : `` } ${node.data._directSubordinates}

`; }) .linkUpdate(function (d, i, arr) { d3.select(this) .attr("stroke", (d) => d.data._upToTheRootHighlighted ? "#152785" : "#E4E2E9" ) .attr("stroke-width", (d) => (d.data._upToTheRootHighlighted ? 5 : 1)); if (d.data._upToTheRootHighlighted) { d3.select(this).raise(); } }) .nodeContent(function (d, i, arr, state) { const color = "#FFFFFF"; return `

${ d.data.name }

${ d.data.positionName }

`; }) .render(); }32:[] 2f:{"title":"D3 V7 Org Chart - last updated at 2022 Aug","cells":[{"id":0,"value":"# D3 V7 Org Chart - last updated at 2022 Aug","pinned":false,"hidden":false,"mode":"md"},{"id":33,"value":"[Github - org chart](https://github.com/bumbeishvili/org-chart)","pinned":false,"hidden":false,"mode":"md"},{"id":22,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"d3 = require(\"d3-org-chart@2.3.0/build/d3-org-chart.min.js\", \"d3\", \"d3-flextree\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"data = d3.csv(\n \"https://raw.githubusercontent.com/bumbeishvili/sample-data/main/org.csv\"\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":41,"value":"","pinned":true,"hidden":false,"mode":"html"}],"files":"$W32","stdlib":"1","titling":"auto"}