2a:null 2b:["$","title",null,{"children":"Federal Funding for UNICEF and WFP | Marjolein Oostrom | Observable"}] 31:T4ac6,chart = { //root is the total data var background_color = "#f2f3f4" var unicef_color = "green" var wfp_color = "blue" var highlight_color = "#D79922" var outline_color = "#4056A1" var center_circle_color = "#C5CBE3" var federal_color = "#f13C20" var font_color = '#303C6C' var fontsize = d3.scaleSqrt() .domain([0, 150]) .range([1, 20]) .clamp(true) const svg = d3.create("svg") .attr("viewBox", `-${width / 2} -${height*1.15 /(2)} ${width} ${height}`) .style("display", "block") .style("background",background_color) .style("cursor", "pointer") // tooltip + styling const toolTip = d3.select("body") .append("div") .attr("class", "toolTip") .style("position", "absolute") .style("display", "none") .style("border-radius", "5px") .style("height", "auto") .style("background", "white") .style("padding", "7px") .style("border", "1px solid #DDD") .style("font-size", "1.1rem") .style("text-align", "left") //https://stackoverflow.com/questions/149055/how-to-format-numbers-as-currency-strings // Create our number formatter. var formatter = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', // These options are needed to round to whole numbers if that's what you want. //minimumFractionDigits: 0, // (this suffices for whole numbers, but will print 2500.10 as $2,500.1) // maximumFractionDigits: 0, // (causes 2500.99 to be printed as $2,501) }); // apple mouseovers function leafMouseOver(event, d){ if (d.depth == 1) { d3.select(event.target).attr("stroke-width", 4) d3.select(event.target).attr("stroke", highlight_color) d3.select(event.target) var formated_money =parseFloat(d.data.outlay)*parseFloat(dd3)/8992408699023 var formated_money = formatter.format(formated_money) toolTip.style("left", event.pageX + 18 + "px") .style("top", event.pageY + 18 + "px") .style("display", "block") .html(` Double click to zoom into this circle

${d.data.name}
Your taxes provide : ${formated_money} `) } else if (groupByPriority === "Level3") { d3.select(event.target).attr("stroke-width", 4) d3.select(event.target).attr("stroke", highlight_color) var formattedString = String(d.data.award_description.join(",

-")) var formated_money =parseFloat(d.data.outlay)*parseFloat(dd3)/8992408699023 formated_money = formatter.format(formated_money) toolTip.style("left", event.pageX + 18 + "px") .style("top", event.pageY + 18 + "px") .style("display", "block") .html(` Double click to zoom into this circle

Award Recipiant : ${d.data.name}
Your taxes provide : ${formated_money}
Top award descriptions : ${formattedString}

Part of: ${d.parent.data.name}`); } else { d3.select(event.target).attr("stroke-width", 4) d3.select(event.target).attr("stroke", highlight_color) var formated_money =parseFloat(d.data.outlay)*parseFloat(dd3)/8992408699023 formated_money = formatter.format(formated_money) toolTip.style("left", event.pageX + 18 + "px") .style("top", event.pageY + 18 + "px") .style("display", "block") .html(` Double click to zoom into this circle

${d.data.name}
Your taxes provide : ${formated_money}

Part of: ${d.parent.data.name}`); } } function leafMouseOut(event, d){ d3.select(event.target).attr("stroke", d => d.data.column_name == "federal_account_name" ? federal_color: (d.data.name == "International Affairs" || d.data.name == "Agency For International Development") ? highlight_color : outline_color) d3.select(event.target).attr("stroke-width",d =>(d.data.name == "International Affairs" || d.data.name == "Agency for International Development") ? 5 : d => d.data.un_money == "no"? 5: 1) toolTip.style("display", "none"); } function setYear(level) { function zoomTo(v) { toolTip.style("display", "none"); k = width / v[2]; node .attr("transform", d => `translate(${(d.x - v[0]) * k},${(d.y - v[1]) * k})`) .attr("r", d => d.r * k); label.attr("transform", d => `translate(${(d.x - v[0]) * k},${(d.y - v[1]) * k})`) .attr("font-size", d => fontsize(d.r * k)) .style("fill-opacity", function(d) { if (fontsize(d.r * k) > 6 && d.parent == focus) {return 1} else {return 0} }) .text(function (d) { return d.data.name.substring(0, 20) + "..."; }) } function zoom(d) { console.log(d) if (d.height ==0) { focus = d.parent} else {focus = d} zoomTo([focus.x, focus.y, focus.r * 2]) if (d.parent ) { if (d.children) { zoom_title.text(d.data.name.substring(0, 30) + "...")} else {zoom_title.text(d.parent.data.name.substring(0, 30) + "...")}} else {zoom_title.text("")} } var variable = (level =="Level1" && step == "1") ? {"data": account_function, "opacity_true": true, "opacity_name": "International Affairs", "zoom_in": false, "zoom_name": "International Affairs", "text_title1": "The budget passed by Congress assigns funds to Federal Accounts", "text_title2": "Most of the humanitarian aid falls under the budget function 'International Affairs'", "text_title3": " ", "text_title1_color": true, "text_title2_color": false, "text_title3_color": false, "head_title": "All Budget Functions and Federal Accounts", "starting_opacity": 0} : (level =="Level1" && step == "2") ? {"data": account_function, "opacity_true": true, "opacity_name": "International Affairs", "zoom_in": true, "zoom_name": "International Affairs", "text_title1": "The budget passed by Congress assigns funds to Federal Accounts", "text_title2": "Most of the humanitarian aid falls under the budget function 'International Affairs'", "text_title3": " ", "text_title1_color": false, "text_title2_color": true, "text_title3_color": false, "head_title": "All Budget Functions and Federal Accounts", "starting_opacity": .8} : (level =="Level1" && step == "3") ? {"data": account_function, "opacity_true": true, "opacity_name": "International Affairs", "zoom_in": false, "zoom_name": "International Affairs", "text_title1": "The budget passed by Congress assigns funds to Federal Accounts", "text_title2": "Most of the humanitarian aid falls under the budget function 'International Affairs'", "text_title3": " ", "text_title1_color": false, "text_title2_color": true, "text_title3_color": true, "head_title": "All Budget Functions and Federal Accounts", "starting_opacity": .8} :(level =="Level2" && step == "1") ? {"data": account_agency, "opacity_true": true, "opacity_name": "Agency For International Development", "zoom_in": false, "zoom_name": "Agency For International Development", "text_title1": "Federal Accounts are controlled by one or more Federal Agency", "text_title2": "The Agency For International Development controls many of the accounts for humanitarian aid", "text_title3": " ", "text_title1_color": true, "text_title2_color": false, "text_title3_color": false, "text_title": "Federal Accounts are controlled by one or more Federal Agency", "head_title": "All Federal Agencies and Federal Accounts", "starting_opacity": 0} : (level =="Level2" && step == "2") ? {"data": account_agency, "opacity_true": true, "opacity_name": "Agency For International Development", "zoom_in": true, "zoom_name": "Agency For International Development", "text_title1": "Federal Accounts are controlled by one or more Federal Agency", "text_title2": "The Agency For International Development controls many of the accounts for humanitarian aid", "text_title3": " ", "text_title1_color": false, "text_title2_color": true, "text_title3_color": false, "head_title": "All Federal Agencies and Federal Accounts", "starting_opacity": .8} : (level =="Level2" && step == "3") ? {"data": account_agency, "opacity_true": true, "opacity_name": "Agency for International Development", "zoom_in": false, "zoom_name": "Agency for International Development", "text_title1": "Federal Accounts are controlled by one or more Federal Agency", "text_title2": "The Agency For International Development controls many of the accounts for humanitarian aid", "text_title3": " ", "text_title1_color": false, "text_title2_color": true, "text_title3_color": true, "head_title": "All Federal Agencies and Federal Accounts", "starting_opacity": .8} :(level =="Level3" && step == "1") ? {"data": account_recipients, "opacity_true": true, "opacity_name": "Agency for International Development", "zoom_in": false, "zoom_name": "Agency for International Development", "text_title1": "The agencies (biggest circle) decide how to allocate funds to recipients", "text_title2": "These Federal Accounts (bold orange circles) are a small faction of the total Federal Accounts", "text_title3": "Double click the smallest circle to see recipients. WFP is in blue, UNICEF is green", "text_title1_color": true, "text_title2_color": false, "text_title3_color": false, "head_title": "Federal Accounts that give 1 cent of average tax bill to UNICEF or WFP", "starting_opacity": 0} : (level =="Level3" && step == "2") ? {"data": account_agency, "opacity_true": false, "opacity_name": "Agency For International Development", "zoom_in": false, "zoom_name": "Agency For International Development", "text_title1": "The agencies (biggest circle) decide how to allocate funds to recipients", "text_title2": "These Federal Accounts ( bold orange circles) are a small faction of the total Federal Accounts", "text_title3": "Double click the smallest circle to see recipients. WFP is in blue, UNICEF is green", "text_title1_color": false, "text_title2_color": true, "text_title3_color": false, "head_title": "All Federal Agencies and Federal Accounts", "starting_opacity": 0} : {"data": account_recipients, "opacity_true": true, "opacity_name": "Agency for International Development", "zoom_in": false, "zoom_name": "International Disaster Assistance, Funds Appropriated To The President, Us Agency For International Development", "text_title1": "The agencies (biggest circle) decide how to allocate funds to recipients", "text_title2": "These Federal Accounts (bold orange circles) are a small faction of the total Federal Accounts", "text_title3": "Double click the smallest circle to see recipients. WFP is in blue, UNICEF is green", "text_title1_color": false, "text_title2_color": false, "text_title3_color": true, "head_title": "Federal Accounts that give 1 cent of average tax bill to UNICEF or WFP", "starting_opacity": .8} var root = pack(variable.data) var opacity_true = variable.opacity_true var opacity_name = variable.opacity_name var zoom_in = variable.zoom_in var zoom_name = variable.zoom_name var starting_opacity = variable.starting_opacity var head_title = variable.head_title var text_title1 = variable.text_title1 var text_title2 = variable.text_title2 var text_title3 = variable.text_title3 var text_title1_color = variable.text_title1_color var text_title2_color = variable.text_title2_color var text_title3_color = variable.text_title3_color var focus = root var v = [root.x, root.y, root.r * 2] let format = d3.format(",d") let current_circle = undefined; var k = 1 var node = svg.append("g") .selectAll("circle") .data(root.descendants().slice(1)) var label = svg.append("g") .selectAll("text") .data(root.descendants().slice(1)) svg .on("dblclick", (event) => zoom( root)); node = node .join( enter => enter.append('circle') .attr("transform", d => `translate(${(d.x - v[0]) * k},${(d.y - v[1]) * k})`) .attr("r", d => d.r * k) //if there are still children, color by how far in you are .attr("stroke", d => d.data.column_name == "federal_account_name" ? highlight_color: (d.data.name == "International Affairs" || d.data.name == "Agency For International Development" ) ? highlight_color : outline_color) .attr("stroke-width", d => (d.data.name == "International Affairs" || d.data.name == "Agency For International Development") ? 5 : 2) .attr("fill", d => d.children ? background_color: d.data.name =="World Food Program" ? wfp_color: d.data.name =="Unicef" ? unicef_color: center_circle_color) .attr("opacity", starting_opacity) .attr("class", d=> d.data.name == zoom_name ? "pick_me": "never_mind") .on("dblclick", (event, d) => focus !== d && (zoom(d), event.stopPropagation())) .on("mouseover", (event, d) => leafMouseOver(event, d)) .on("mouseout", (event, d) => leafMouseOut(event, d)), ) node // .transition() // .duration(1000) .attr('opacity', d => opacity_true ? .7 : (d.data.un_money == "yes" ) ? .2 : 1) label = label .join( enter => enter.append('text') .attr("pointer-events", "none") .attr("text-anchor", "middle") .attr("transform", d => `translate(${(d.x - v[0]) * k},${(d.y - v[1]) * k})`) .attr("opacity", starting_opacity) //label resized using new radius .attr("font-size", d => fontsize(d.r * k)) .attr('font-weight', 700) .style("fill", font_color) .style("fill-opacity", function(d) { if (fontsize(d.r * k) > 6 && d.depth == 1) {return 1} else {return 0} }) .text(function (d) { return d.data.name.substring(0, 20) + "..."; }) ) label .attr('opacity', d => opacity_true ? 1 : (d.data.un_money == "yes" ) ? 1 : 0) // tooltip + styling svg.append('rect') .attr('x', -width / 2) .attr('y', -height*1.15 /(2)) .attr('width', width) .attr('height', height/9) .attr('stroke', 'black') .attr('fill', 'white'); var title1 = svg.append("text") .attr("x", 0) .attr("y", -height/2 -25) .attr("text-anchor", "middle") .style("font-size", "20px") title1.text(text_title1) .attr('font-weight', text_title1_color? 700: 500) var title2 = svg.append("text") .attr("x", 0) .attr("y", -height/2) .attr("text-anchor", "middle") .style("font-size", "20px") console.log(text_title1_color, text_title2_color, text_title3_color) title2.text(text_title2) .attr('font-weight', text_title2_color? 700: 500) var title3 = svg.append("text") .attr("x", 0) .attr("y", -height/2 + 25) .attr("text-anchor", "middle") .style("font-size", "20px") .style('fill', text_title3_color) title3.text(text_title3) .attr('font-weight', text_title3_color? 700: 500) var first_title = svg.append("text") .attr("x", 0) .attr("y", -height/2 - 50) .attr("text-anchor", "middle") .style("font-size", "22px") .style("text-decoration", "underline") first_title.text(head_title) var second_title = svg.append("text") .attr("x", 0) .attr("y", -height/2 + 60) .attr("text-anchor", "middle") .style("font-size", "20px") second_title.text("Double click in circles to zoom in. Double click outside circles to zoom back out") var second_title = svg.append("text") .attr("x", 0) .attr("y", -height/2 + 80) .attr("text-anchor", "middle") .style("font-size", "20px") second_title.text("Hover for more information") var zoom_title = svg.append("text") .attr("x", 0) .attr("y", -height/2 + 110) .attr("text-anchor", "middle") .style("font-size", "30px") .attr('font-weight', 700) d3.selectAll('circle.pick_me').attr("stroke", highlight_color) d3.selectAll('circle.pick_me').filter(function(d, i) { return i == 0 }).select(function(d) {zoom_in ? zoom(d): console.log("nope")}) } return Object.assign(svg.node(), { setYear }); }32:T474, //https://www.d3-graph-gallery.com/graph/custom_annotation.html // Features of the annotation annotations = [ { note: { label: "Double click green in circle to zoom in" }, x: 220, y: -370, dy: -10, dx: 10, className: "Level2Initial" }, { note: { label: "Hover/click to view more info" }, x: 180, y: -395, dy: -30, dx: 30, className: "Level2Initial" }, { note: { label: "Click outside circle to reset" }, x: 400, y: -450, dy: 50, dx: -100, className: "Level1Zoom" }, { note: { label: "Click outside circle to reset" }, x: 400, y: -450, dy: 50, dx: -100, className: "Level2Zoom" }, { note: { label: "Click outside circle to reset" }, x: 400, y: -450, dy: 50, dx: -100, className: "Level3Zoom" }, { note: { label: "Click outside circle to reset" }, x: 400, y: -450, dy: 50, dx: -100, className: "Level4Zoom" } ] 33:T439,viewof test = groupByPriority === "Level1" ? html`

Just an overview by budget -> budget subfunction -> agency -> accounts

` : groupByPriority === "Level2" ? html`

First, most funds for International Affairs, include for WFP and UNICEF, is allocated with the Department of State, Foreign Operations, and Related Programs (SFOPS) bill

This bill authorizes and appropriates funds for federal accounts concerned with Internation Affairs

` :groupByPriority === "Level3" ? html`

Each federal account is controlled by a federal agency. The federal agency US Agency for International Development controls many of the federal accounts that allocate money to UNICEF and WFP

` : html`

The federal agency uses the federal accounts to award funds to organizations. Only the federal account from which either WFP or UNICEF recieved at least 0.1 cent of the average tax bill are shown here`34:[{"id":"88fa1bc28b72fe231787f761dc3d2face78a97473c423074ad0489556a64fb606f4a45871a656e9198e846864f9ebaf305de3341d84bc5bd16ff05413a913c57","href":"https://static.observableusercontent.com/files/88fa1bc28b72fe231787f761dc3d2face78a97473c423074ad0489556a64fb606f4a45871a656e9198e846864f9ebaf305de3341d84bc5bd16ff05413a913c57","name":"all_agencies_flare@4.json","type":"application/json","lastModified":1624836136760.607,"size":210611},{"id":"92315afba08c8bffc65cd24397b74eab8b27a08ffc5b3cea65ed764a4f45fb102c7b2a5d57181ba21fe1d76f8655c0fa2688a600dbfb73a1fed64544efc04543","href":"https://static.observableusercontent.com/files/92315afba08c8bffc65cd24397b74eab8b27a08ffc5b3cea65ed764a4f45fb102c7b2a5d57181ba21fe1d76f8655c0fa2688a600dbfb73a1fed64544efc04543","name":"specific_accounts_flare@23.json","type":"application/json","lastModified":1627880359345.091,"size":3044045},{"id":"fc01afb1d6b48fa172587b0da1d2148054688f2dfab77d3a5df11f60d636cd8f3e629c94a2d6758c48a1c2b54e27fcc8713d8313968a943acf4cbd9c9dde683c","href":"https://static.observableusercontent.com/files/fc01afb1d6b48fa172587b0da1d2148054688f2dfab77d3a5df11f60d636cd8f3e629c94a2d6758c48a1c2b54e27fcc8713d8313968a943acf4cbd9c9dde683c","name":"all_agencies_flare_all_info@1.json","type":"application/json","lastModified":1627540004872.215,"size":1507204},{"id":"11acc56f2bc34f5392c9c36b2c50d1921ae25a0efcee0401eb7b6fad22fb7ef95a36ec3557c62d3a477213dd64794314c45a0c891072233b55e864f52b1b7a43","href":"https://static.observableusercontent.com/files/11acc56f2bc34f5392c9c36b2c50d1921ae25a0efcee0401eb7b6fad22fb7ef95a36ec3557c62d3a477213dd64794314c45a0c891072233b55e864f52b1b7a43","name":"all_agencies_flare_budget_account@1.json","type":"application/json","lastModified":1627540051736.421,"size":285473},{"id":"76fc39d8c42006103347856af1355301fbb45e988ecd0613e381954b46dcbf220d44aa02a0db1df274c03a675b7ae1b596f27c1f600b628ddeba1d3af8ba9054","href":"https://static.observableusercontent.com/files/76fc39d8c42006103347856af1355301fbb45e988ecd0613e381954b46dcbf220d44aa02a0db1df274c03a675b7ae1b596f27c1f600b628ddeba1d3af8ba9054","name":"specific_accounts_flare@22.json","type":"application/json","lastModified":1627545394371.481,"size":3041598},{"id":"f8359bc777ae75d6f58f67aa80ffb75ce9a87475c2c45f73f87bf1d8462c7e947c1f5f86a7feb5e412d430c7107137985dba3247401264bd45fdfa01200c5f66","href":"https://static.observableusercontent.com/files/f8359bc777ae75d6f58f67aa80ffb75ce9a87475c2c45f73f87bf1d8462c7e947c1f5f86a7feb5e412d430c7107137985dba3247401264bd45fdfa01200c5f66","name":"all_agencies_flare_agency@3.json","type":"application/json","lastModified":1627546059353.347,"size":413581},{"id":"4ef34de89179a9b32e8788c981b28e4ceab6f24b81d34638a4681c7233d32e1e0138a8b825dfabd0e2fc2f0ee23994977a12ad85e7d8c6562828560407b85b14","href":"https://static.observableusercontent.com/files/4ef34de89179a9b32e8788c981b28e4ceab6f24b81d34638a4681c7233d32e1e0138a8b825dfabd0e2fc2f0ee23994977a12ad85e7d8c6562828560407b85b14","name":"all_agencies_flare_budget_account@2.json","type":"application/json","lastModified":1627550545934.501,"size":396672},{"id":"74250fe8f8c2076dd425146b32efad00278edc038aa8065ad8afcc5646d28ed114aee34983b0d086ef5e0fc6a18439a4f144e98450917b7fb408a76799bea0e7","href":"https://static.observableusercontent.com/files/74250fe8f8c2076dd425146b32efad00278edc038aa8065ad8afcc5646d28ed114aee34983b0d086ef5e0fc6a18439a4f144e98450917b7fb408a76799bea0e7","name":"all_agencies_flare_all_info@2.json","type":"application/json","lastModified":1627550565078.097,"size":456042},{"id":"11acc56f2bc34f5392c9c36b2c50d1921ae25a0efcee0401eb7b6fad22fb7ef95a36ec3557c62d3a477213dd64794314c45a0c891072233b55e864f52b1b7a43","href":"https://static.observableusercontent.com/files/11acc56f2bc34f5392c9c36b2c50d1921ae25a0efcee0401eb7b6fad22fb7ef95a36ec3557c62d3a477213dd64794314c45a0c891072233b55e864f52b1b7a43","name":"all_agencies_flare_budget_account.json","type":"application/json","lastModified":1626851947963.45,"size":285473},{"id":"79c8edc8c6025037f36c263e3f8f4d2fe874e098c4a59c10bd5b608d5ee4389fca415689f9a06e76757d8139dbd7c0bfe2ab8486038072f1f368ca8c42789748","href":"https://static.observableusercontent.com/files/79c8edc8c6025037f36c263e3f8f4d2fe874e098c4a59c10bd5b608d5ee4389fca415689f9a06e76757d8139dbd7c0bfe2ab8486038072f1f368ca8c42789748","name":"all_agencies_flare_agency.json","type":"application/json","lastModified":1626851948122.576,"size":372747},{"id":"7cd9726a0391dcb3e7c6471a8be1a8fc6a9d70d514de524b476fa5315d632203549ff6d842b5ecae38111be65f22163921b0c3be5a58a3461c1485d96f6c18e1","href":"https://static.observableusercontent.com/files/7cd9726a0391dcb3e7c6471a8be1a8fc6a9d70d514de524b476fa5315d632203549ff6d842b5ecae38111be65f22163921b0c3be5a58a3461c1485d96f6c18e1","name":"all_agencies_flare_all_info.json","type":"application/json","lastModified":1626851948145.708,"size":405891},{"id":"80f40b6f243d5bd3558b0c35e3a858a9fac08fec362afc26f61efffc4bd4834183e8bd6313a2b8e797cbef7e1aa46c98e3c66eb6f611212ebb0904890b74d25d","href":"https://static.observableusercontent.com/files/80f40b6f243d5bd3558b0c35e3a858a9fac08fec362afc26f61efffc4bd4834183e8bd6313a2b8e797cbef7e1aa46c98e3c66eb6f611212ebb0904890b74d25d","name":"specific_accounts_flare@18.json","type":"application/json","lastModified":1626857732776.357,"size":2626618},{"id":"5fb228f75cd3b9adf7b93faf88c4eaf00a24fabf24868d37f725d22d37f12e7ed890e6e0fd8798bee96c8cb65cd85bf8c457e2ec41b072e7c349b1117cd7e0b4","href":"https://static.observableusercontent.com/files/5fb228f75cd3b9adf7b93faf88c4eaf00a24fabf24868d37f725d22d37f12e7ed890e6e0fd8798bee96c8cb65cd85bf8c457e2ec41b072e7c349b1117cd7e0b4","name":"specific_accounts_flare@12.json","type":"application/json","lastModified":1626642093125.764,"size":2343631},{"id":"0812f950d4a1508194491f0d90ede98fbdb046d183b360388b1d7efb107611fb245d6e06cda72865b0321a524fea16eee2aebe2cbfd36bfb8248669bced7a3c8","href":"https://static.observableusercontent.com/files/0812f950d4a1508194491f0d90ede98fbdb046d183b360388b1d7efb107611fb245d6e06cda72865b0321a524fea16eee2aebe2cbfd36bfb8248669bced7a3c8","name":"specific_accounts_flare@15.json","type":"application/json","lastModified":1626655011477.985,"size":2343631},{"id":"d513ee0d9d8dbfd0b4b68bb12f6aabc749673bd6e101fb76ba3fc2beb24e2c38847d01460996c39fb7a1b855196c8dbe26c0681f4e7a1f48624e504c7df3f70c","href":"https://static.observableusercontent.com/files/d513ee0d9d8dbfd0b4b68bb12f6aabc749673bd6e101fb76ba3fc2beb24e2c38847d01460996c39fb7a1b855196c8dbe26c0681f4e7a1f48624e504c7df3f70c","name":"specific_accounts_flare@24.json","type":"application/json","lastModified":1628031106606.482,"size":3041598},{"id":"a439f7a471d35adc62b44902ba7ed08f0de0474f1e67316431b4ea301f128ae4e3d69f39605c81d5e77f573b899a67a4d92cf50cd5e1711f609c6a7160d73b3e","href":"https://static.observableusercontent.com/files/a439f7a471d35adc62b44902ba7ed08f0de0474f1e67316431b4ea301f128ae4e3d69f39605c81d5e77f573b899a67a4d92cf50cd5e1711f609c6a7160d73b3e","name":"all_agencies_flare_budget_account@3.json","type":"application/json","lastModified":1628057095997.543,"size":409181}] 2e:{"id":"edc68dd0fd1ec82e","slug":"zoomable-circle-packing-hover-message","title":"Federal Funding for UNICEF and WFP","thumbnail":"d0d827715800eba7d16e957fb19e6f4d553484f15393b1266246f4a327ff0bca","access_level":"public","create_time":"$D2021-06-27T23:22:16.760Z","update_time":"$D2022-10-24T19:58:26.459Z","view_time":null,"first_public_time":"$D2021-07-18T04:14:31.574Z","fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"83499e9a58cbfdf8","login":"marjolein","name":"Marjolein Oostrom","avatar_url":"https://avatars-next.observableusercontent.com/5d583caf7e4d9b8af7462b6fadfb421624df1b34eaff2afa0d301bfc15578c89","tier":"starter_2024"},"version":2189,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"c98da6526bcb1390","login":"marjolein","name":"Marjolein Oostrom","avatar_url":"https://avatars-next.observableusercontent.com/5d583caf7e4d9b8af7462b6fadfb421624df1b34eaff2afa0d301bfc15578c89","tier":null}],"members":[{"type":"individual","id":"c98da6526bcb1390","login":"marjolein","name":"Marjolein Oostrom","avatar_url":"https://avatars-next.observableusercontent.com/5d583caf7e4d9b8af7462b6fadfb421624df1b34eaff2afa0d301bfc15578c89","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":6,"collection":null,"type":"notebook","body":{"title":"Federal Funding for UNICEF and WFP","cells":[{"id":0,"value":"md`# Federal Funding for UNICEF and WFP\n\nClick to zoom in or out.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":194,"value":"// viewof dd3 = {\n// const dd3 = Inputs.select({\n// title: \"How many $'s are spent on each recipiant from:\",\n// options: [\n// { label: \"Your taxes (Average Federal Tax: $10,644)\", value: 10644 },\n// { label: \"Actual Budget (Total Obligations): 9 Trillion\", value: 8992408699023}\n// ],\n// value: 10644\n// });\n// return dd3;\n// }\n\n\nviewof dd3 = Inputs.text({label: \"Enter your tax bill: \", placeholder: \"Enter your tax bill\", value: 10000})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1766,"value":"viewof groupByPriority = Inputs.radio(\n new Map([[\"Step 1: Congress funds Federal Accounts\", \"Level1\"], [\"Step 2: Federal Accounts are owned by Federal Agencies\", \"Level2\"], [\"Step 3: Some Agencies distribute funds to UNICEF and WFP\", \"Level3\"]]), {label: \"Select a new step to change the visualization below\", value: \"Level1\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1684,"value":"viewof step = Player( [ \"1\", \"2\", \"3\"], {\n delay: 15000,\n \n autoplay: false,\n loop: false,\n show: { play: true }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1862,"value":"viewof rerunbutton = Inputs.button(\"Play short animation of this step\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":9,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":1110,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":750,"value":"embed = html`\n\n

\n\n

\n${viewof chart}\n${viewof dd3}\n

\n \n

\n ${viewof test}\n

`\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":1355,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":1347,"value":"anim_chart = chart.setYear(groupByPriority)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1740,"value":"run_on_change = { \n groupByPriority\n \n viewof step.update(0)\n }","pinned":true,"hidden":false,"mode":"ojs"},{"id":1861,"value":"rerun = { \n rerunbutton\n viewof step.update(0);\n viewof step.remoteClickPlayPause()\n }","pinned":true,"hidden":false,"mode":"ojs"},{"id":485,"value":"\n// viewof groupByPriority = Scrubber(\n// [ \"Level1\", \"Level2\", \"Level3\", \"Level4\", \"Level5\"], {delay: 1000}, {\"autoplay\": false})\n// // [ \"Level1\", \"Level1\"], {delay: 2000}, {\"autoplay\": false})\n ","pinned":true,"hidden":false,"mode":"ojs"},{"id":1271,"value":"import {Scrubber} from \"@mbostock/scrubber\" ","pinned":true,"hidden":false,"mode":"ojs"},{"id":1675,"value":"import {Player} from \"@oscar6echo/player\"\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":1681,"value":"faStyle({ solid: true })","pinned":true,"hidden":false,"mode":"ojs"},{"id":1678,"value":"\nimport {style as faStyle} from \"@airbornemint/fontawesome\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":3,"value":"account_function = FileAttachment(\"all_agencies_flare_budget_account@3.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":456,"value":"account_agency = FileAttachment(\"all_agencies_flare_agency@3.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":555,"value":"account_recipients = FileAttachment(\"specific_accounts_flare@24.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":554,"value":"all = FileAttachment(\"all_agencies_flare_all_info@2.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":344,"value":"import { callout } from \"@d3/line-chart-with-tooltip\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":84,"value":"pack = data => d3.pack()\n .size([width, height])\n .padding(3)\n (d3.hierarchy(data)\n .sum(d => d.value)\n .sort((a, b) => b.value - a.value))","pinned":true,"hidden":false,"mode":"ojs"},{"id":460,"value":"pack2 = data2 => d3.pack()\n .size([width, height])\n .padding(3)\n (d3.hierarchy(data2)\n .sum(d => d.value)\n .sort((a, b) => b.value - a.value))","pinned":true,"hidden":false,"mode":"ojs"},{"id":80,"value":"width = 932","pinned":true,"hidden":false,"mode":"ojs"},{"id":82,"value":"height = width* 1.15","pinned":true,"hidden":false,"mode":"ojs"},{"id":41,"value":"format = d3.format(\",d\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1655,"value":"import {slider, button, checkbox} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":45,"value":"color = d3.scaleLinear()\n .domain([0, 5])\n .range([\"hsl(152,80%,80%)\", \"hsl(228,30%,40%)\"])\n .interpolate(d3.interpolateHcl)","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"d3 = require(\"d3@6\", \"d3-svg-annotation@2\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}} 2f:"$2e:body"