31:[] 2f:{"title":"\nApril 17th and 20th\n","cells":[{"id":0,"value":"html`\n\n

\nApril 17th and 20th\n

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":967,"value":"md`\n## Vertical Trees\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":971,"value":"md`\n## Horizontal Trees\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":974,"value":"{\n var svgDims = [600,600]\n var svg = d3.select(DOM.svg(svgDims[0],svgDims[1])).attr(\"style\",`background:${colors[3]};border:1px solid black`)\n\n //circles\n for(var i = 0; i < descendants.length; i++){\n svg.append(\"circle\")\n .attr(\"r\",descendants[i].r)\n .attr(\"cx\",descendants[i].x)\n .attr(\"cy\",descendants[i].y)\n .attr(\"stroke\",\"black\")\n .attr(\"fill\",colors[2 - descendants[i].depth])\n }\n \n //text\n for(var i = 0; i < descendants.length; i++){\n svg.append(\"text\")\n .text(descendants[i].id)\n .attr(\"y\",() => {\n if(descendants[i].depth < 1){return descendants[i].y - 250}\n else if(descendants[i].depth < 2){return descendants[i].y - 160}\n else {return descendants[i].y}\n })\n .attr(\"x\",descendants[i].x)\n .attr(\"text-anchor\",\"middle\")\n .attr(\"fill\",fontColors[descendants[i].depth])\n }\n \n return svg.node() \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":928,"value":"root = d3.stratify().id(d => d.name).parentId(d => d.parent)(treeData).sum(d => 1)\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":930,"value":"descendants = d3.pack().size([600,600])(root).descendants()","pinned":false,"hidden":false,"mode":"ojs"},{"id":922,"value":"md`\n---\n## Datasets\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":925,"value":"treeData = [{name:\"US\",parent:\"\"},{name:\"NY\",parent:\"US\"},{name:\"PA\",parent:\"US\"},{name:\"Albany\",parent:\"NY\"},{name:\"Buffalo\",parent:\"NY\"},{name:\"Rochester\",parent:\"NY\"},{name:\"Erie\",parent:\"PA\"},{name:\"Philadelphia\",parent:\"PA\"},{name:\"Pittsburgh\",parent:\"PA\"},]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1009,"value":"colors = [\"#eff3ff\",\"#bdd7e7\",\"#6baed6\",\"#2171b5\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1045,"value":"fontColors = [\"white\",\"white\",\"black\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"md`\n---\n## Libraries\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"import {slider,button,select,text,radio,checkbox,number} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":196,"value":"stdlib = require( \"https://unpkg.com/@stdlib/stdlib@0.0.32/dist/stdlib-flat.min.js\" )","pinned":false,"hidden":false,"mode":"ojs"},{"id":1032,"value":"html``","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}