2f:T7fe,{ const chartContainer = html`

`; yield chartContainer; new d3OrgChart.OrgChart() .svgHeight(600) .nodeHeight((d) => 85 + 25) .nodeWidth((d) => 220 + 2) .childrenMargin((d) => 50) .compactMarginBetween((d) => 35) .compactMarginPair((d) => 30) .neighbourMargin((a, b) => 20) .nodeContent(function (d, i, arr, state) { const color = "#FFFFFF"; const imageDiffVert = 25 + 2; return `

#${ d.data.id }

${ d.data.name }

${ d.data.position }

`; }) .container(".chart-container") .data(data) .render(); }30:[] 2d:{"title":"Org Chart - (last updated at November 2023)","cells":[{"id":0,"value":"# Org Chart - (last updated at November 2023)","pinned":false,"hidden":false,"mode":"md"},{"id":12,"value":"data = d3.csv(\n \"https://raw.githubusercontent.com/bumbeishvili/sample-data/main/data-oracle.csv\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"d3OrgChart = require(\"d3-org-chart\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}