2b:null 2c:["$","title",null,{"children":"Untitled | eastcoasting | Observable"}] 31:T73b,data = [ [{ id: "Public Donors" }, { id: "Private Donors" }], [ { id: "Global Fund (DGM)", parents: ["Public Donors"] }, { id: "Regional Fund (CAFI, Amazon Fund)", parents: ["Public Donors"] }, { id: "Fiscal Partnership (COONAPIP/PRODESO)", parents: ["Public Donors", "Private Donors"] }, { id: "Direct Granting", parents: ["Public Donors", "Private Donors"] }, { id: "Re-grantor", parents: ["Private Donors"] } ], [ { id: "Intermediary Organization", parents: [ "Global Fund (DGM)", "Regional Fund (CAFI, Amazon Fund)", // "Direct Granting", "Re-grantor" ] }, { id: "Constituency Organization (AMAN, AMPB, FECOFUN)", parents: [ "Regional Fund (CAFI, Amazon Fund)", "Direct Granting", "Re-grantor" ] }, { id: "Supporting Organization (Maliasili, Samdhana)", parents: ["Re-grantor"] }, { id: "Dedicated Re-granting Organization (FSC, Pawanka, SE)", parents: ["Re-grantor"] } ], // [], // [], [ { id: "National/Local NGOs", parents: [ "Fiscal Partnership (COONAPIP/PRODESO)", "Direct Granting", "Intermediary Organization", "Supporting Organization (Maliasili, Samdhana)", "Dedicated Re-granting Organization (FSC, Pawanka, SE)", "Constituency Organization (AMAN, AMPB, FECOFUN)" ] }, { id: "Communities", parents: [ "Fiscal Partnership (COONAPIP/PRODESO)", "Direct Granting", "Intermediary Organization", "Supporting Organization (Maliasili, Samdhana)", "Dedicated Re-granting Organization (FSC, Pawanka, SE)", "Constituency Organization (AMAN, AMPB, FECOFUN)" ] } ] ]32:T6ca,renderChart = (data, options = {}, layout) => { options.color ||= (d, i) => color(i); console.log(layout, "her"); const tangleLayout = constructTangleLayout( _.cloneDeep(data), options, layout ); return svg``; }33:T11fe,constructTangleLayout = (levels, options = {}, layout) => { const { padding, node_height, node_width, bundle_width, level_y_padding, metro_d, min_family_height } = options; // layout // const padding = 8; // const node_height = 30; // const node_width = 90; // const bundle_width = 14; // // const level_y_padding = layout.level_y_padding; // const metro_d = 8; // const min_family_height = 22; options.c ||= 16; // precompute level depth levels.forEach((l, i) => l.forEach((n) => (n.level = i))); var nodes = levels.reduce((a, x) => a.concat(x), []); var nodes_index = {}; nodes.forEach((d) => (nodes_index[d.id] = d)); // objectification nodes.forEach((d) => { d.parents = (d.parents === undefined ? [] : d.parents).map( (p) => nodes_index[p] ); }); // precompute bundles levels.forEach((l, i) => { var index = {}; l.forEach((n) => { if (n.parents.length == 0) { return; } var id = n.parents .map((d) => d.id) .sort() .join("-X-"); if (id in index) { index[id].parents = index[id].parents.concat(n.parents); } else { index[id] = { id: id, parents: n.parents.slice(), level: i, span: i - d3.min(n.parents, (p) => p.level) }; } n.bundle = index[id]; }); l.bundles = Object.keys(index).map((k) => index[k]); l.bundles.forEach((b, i) => (b.i = i)); }); var links = []; nodes.forEach((d) => { d.parents.forEach((p) => links.push({ source: d, bundle: d.bundle, target: p }) ); }); var bundles = levels.reduce((a, x) => a.concat(x.bundles), []); // reverse pointer from parent to bundles bundles.forEach((b) => b.parents.forEach((p) => { if (p.bundles_index === undefined) { p.bundles_index = {}; } if (!(b.id in p.bundles_index)) { p.bundles_index[b.id] = []; } p.bundles_index[b.id].push(b); }) ); nodes.forEach((n) => { if (n.bundles_index !== undefined) { n.bundles = Object.keys(n.bundles_index).map((k) => n.bundles_index[k]); } else { n.bundles_index = {}; n.bundles = []; } n.bundles.sort((a, b) => d3.descending( d3.max(a, (d) => d.span), d3.max(b, (d) => d.span) ) ); n.bundles.forEach((b, i) => (b.i = i)); }); links.forEach((l) => { if (l.bundle.links === undefined) { l.bundle.links = []; } l.bundle.links.push(l); }); const c = options.c; options.bigc ||= node_width + c; nodes.forEach( (n) => (n.height = (Math.max(1, n.bundles.length) - 1) * metro_d) ); var x_offset = padding; var y_offset = padding; levels.forEach((l) => { x_offset += l.bundles.length * bundle_width; y_offset += level_y_padding; l.forEach((n, i) => { n.x = n.level * node_width + x_offset; n.y = node_height + y_offset + n.height / 2; y_offset += node_height + n.height; }); }); var i = 0; levels.forEach((l) => { l.bundles.forEach((b) => { b.x = d3.max(b.parents, (d) => d.x) + node_width + (l.bundles.length - 1 - b.i) * bundle_width; b.y = i * node_height; }); i += l.length; }); links.forEach((l) => { l.xt = l.target.x; l.yt = l.target.y + l.target.bundles_index[l.bundle.id].i * metro_d - (l.target.bundles.length * metro_d) / 2 + metro_d / 2; l.xb = l.bundle.x; l.yb = l.bundle.y; l.xs = l.source.x; l.ys = l.source.y; }); // compress vertical space var y_negative_offset = 0; levels.forEach((l) => { y_negative_offset += -min_family_height + d3.min(l.bundles, (b) => d3.min(b.links, (link) => link.ys - 2 * c - (link.yt + c)) ) || 0; l.forEach((n) => (n.y -= y_negative_offset)); }); // very ugly, I know links.forEach((l) => { l.yt = l.target.y + l.target.bundles_index[l.bundle.id].i * metro_d - (l.target.bundles.length * metro_d) / 2 + metro_d / 2; l.ys = l.source.y; l.c1 = l.source.level - l.target.level > 1 ? Math.min(options.bigc, l.xb - l.xt, l.yb - l.yt) - c : c; l.c2 = c; }); var layout = { width: d3.max(nodes, (n) => n.x) + node_width + 2 * padding, height: d3.max(nodes, (n) => n.y) + node_height / 2 + 2 * padding, node_height, node_width, bundle_width, level_y_padding, metro_d }; return { levels, nodes, nodes_index, links, bundles, layout }; }34:[] 2f:{"id":"a6cdcfcfa9b424ba","slug":null,"title":"","thumbnail":"6d27a95387af383fe77ff3bd6342b8f02bcd09865c03cb5eadb6259938dec198","access_level":"public","create_time":"$D2023-09-06T20:42:24.171Z","update_time":"$D2023-09-06T20:45:09.493Z","view_time":null,"first_public_time":"$D2023-09-06T20:42:24.171Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"eeff2c5459868c71","login":"eastcoasting","name":"","avatar_url":"https://avatars-next.observableusercontent.com/0bd996e681cf4368cc7b26ea220c43fedfda41be2b9473bc75d19acdb83ef3f1","tier":"starter_2024"},"version":31,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"64bdb7d8ac477035","login":"eastcoasting","name":"","avatar_url":"https://avatars-next.observableusercontent.com/0bd996e681cf4368cc7b26ea220c43fedfda41be2b9473bc75d19acdb83ef3f1","tier":null}],"members":[{"type":"individual","id":"64bdb7d8ac477035","login":"eastcoasting","name":"","avatar_url":"https://avatars-next.observableusercontent.com/0bd996e681cf4368cc7b26ea220c43fedfda41be2b9473bc75d19acdb83ef3f1","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"","cells":[{"id":0,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"renderChart(data, {\n padding: 8,\n node_height: 22,\n node_width: 70,\n bundle_width: 14,\n level_y_padding: 16,\n metro_d: 4,\n min_family_height: 22\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"background_color = \"white\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"color = d3.scaleOrdinal(d3.schemeDark2)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"d3 = require(\"d3-scale\", \"d3-scale-chromatic\", \"d3-array\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"import { footnote } from \"@jashkenas/markdown-style-footnotes\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"_ = require(\"lodash\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 30:"$2f:body"